使用vue-cli構(gòu)建工具構(gòu)建的vue項目中，在config/index.js中的proxyTable中添加?

?"/api":{

? ? ? ? ? ? target: 'http://api.douban.com/v2/', //你要請求的后臺接口

? ? ? ? ? ? changeOrigin: true,

? ? ? ? ? ? pathRewrite: {

? ? ? ? ? ? ? ? '^/api': ' ',

? ? ? ? ? ? }

? ? ? ? }

且早main.js中添加axios.defaults.baseURL="/api";

然后在你要請求的組件頁面上將你的axios請求寫出如下：

getData(){

? ? ? this.$ajax({method: 'get',url: '/movie/in_theaters'

? ? ? }).then((res)=>{

? ? ? ? console.log(res.data)

? ? ? }).catch((error)=>{console.log(error)})

? ? }

//此處有個問題，我在網(wǎng)上查看說會將url改成/api/movie/in_theaters

但是我在請求接口的時候會可以查看到請求的是http://localhos:8080/api/api/movie/in_theaters

明顯是添加了兩個api造成出錯

2.最開始學(xué)用axios第三方插件的時候，我們知道哪個組件用到就在哪個組件頁面引入import axios from 'axios',這樣我們需要到處引用，因此我們可以在main.js將axios添加到vue中原型上，

import axios from 'axios';

Vue.prototype.$ajax=axios