vue脚手架中使用axios

  虽然以前用过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

  

相关文章
相关标签/搜索