虽然以前用过n次,但大多都是直接在页面中引入axios.js的。今天想换种方式使用,一时间竟不知道怎么配置了。特此记录下。javascript
一、npm 安装axios,文件根目录下安装,指令以下:java
npm install axios --save-devios
二、在main.js中引入axios。 npm
import axios from 'axios'
三、接着将axios改写为Vue的原型属性axios
Vue.prototype.$http=axios
四、全局配置baseURL(后面若是接口baseURL更改了,可直接修改这里就能够了)url
Vue.prototype.$http.defaults.baseURL = '' //`baseURL` 将自动加在 `url` 前面,除非 `url` 是一个绝对 URL
这样以后就可在每一个组件的methods中调用$http命令完成数据请求spa