在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue 定義了axios但報錯無法找到

vue 定義了axios但報錯無法找到

clipboard.png
index中

clipboard.png

main中

clipboard.png

index router

clipboard.png

報錯

clipboard.png

回答
編輯回答
玄鳥

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

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

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

2018年5月29日 09:37
編輯回答
尋仙

我一般通過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}`)
2017年5月18日 18:22
編輯回答
怪痞

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

2018年1月17日 02:18
編輯回答
萌吟

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

2018年5月24日 01:47
編輯回答
奧特蛋

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

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

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

2017年11月16日 16:08
編輯回答
撥弦

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

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

clipboard.png

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

clipboard.png

這樣才能訪問到

2018年7月29日 14:18