1 安裝axios

修改配置文件

  cnpm install axios
  cnpm install --save axios vue-axios

• 1 在main.js中加入

import Axios from 'axios'
import VueAxios from 'vue-axios' 
Vue.use(VueAxios,Axios);

Vue.prototype.$axios = Axios
Axios.defaults.baseURL = '/api'
Axios.defaults.headers.post['Content-Type'] = 'application/json';

• 2 在config/index.js中加入

proxyTable: {
  '/api':{
        target: "https://xxx.com", // 你請(qǐng)求的第三方接口
        changeOrigin:true,// 在本地會(huì)創(chuàng)建一個(gè)虛擬服務(wù)端，然后發(fā)送請(qǐng)求的數(shù)據(jù)，并同時(shí)接收請(qǐng)求的數(shù)據(jù)，這樣服務(wù)端和服務(wù)端進(jìn)行數(shù)據(jù)的交互就不會(huì)有跨域問(wèn)題
         // ws:true,//是否代理websockets
        pathRewrite:{// 路徑重寫(xiě)，
            '^/api':''// 替換target中的請(qǐng)求地址，也就是說(shuō)以后你在請(qǐng)求http://api.douban.com/v2/XXXXX這個(gè)地址的時(shí)候直接寫(xiě)成/api即可。
        }
    }
},

• 3調(diào)用

this.$axios.post('/xxx.json',{}).then((res)=>{
          console.log(res)
      }).catch((res)=>{
          console.log(res)
      })