npm install axios --save后
直接在build文件夾下webpack.base.conf.js
module.exports里面增加：

plugins: [
    new webpack.ProvidePlugin({
          axios: 'axios',
      })
  ]

就能全局調(diào)用axios了

我一般通過new Axios，創(chuàng)建一個實(shí)例給接口使用，方便統(tǒng)一配置和攔截

const axios = Axios.create({
  withCredentials: true,
  timeout: 10000,
  headers: {
    'Accept': 'application/json;charset=utf-8'
  }
})

axios.interceptors.request.use(async config => {
  let userSelf = vuet.getModule('user-self')
  if (userSelf && userSelf.token) {
    await userSelf.updateToken(40)
    return config
  } else {
    return config
  }
})

axios.interceptors.response.use((response) => {
  let {status, data} = response
  if (status === 200 || status === 201) {
    // ...
  }
}

const post=...
const remove =...
export {axios, get, post, put, remove as delete}
別的地方用的時候，import下也不是難事

import ApiUtils from '@/api/'
...
ApiUtils.get('/api/auth/menu')
ApiUtils.delete(`/api/auth/menu/${id}`)

我想知道你是從哪看的可以這樣用的……？
而且你直接 axios('/api/getNewList') 不好么…為什么要讓自己多寫一點(diǎn)……

我的這個方式?jīng)]問題，原來是我的router里component 多加了個s然后就全部失效了。。

把router的index.js里面的路由對象的components改成component

components是用來對多個路由出口進(jìn)行渲染的

另外Vue.prototype.$axios = axios這種方式引用axios是沒毛病的。

首先你訪問的方式就不對。組件里面的this是在vue.component 中也就是當(dāng)前環(huán)境是vue.component的實(shí)例繼承的自然是VueComponent這個類，而你賦值的類是Vue。所以壓根訪問不到

而你應(yīng)該這樣訪問

vm才是Vue的實(shí)例，

這樣才能訪問到