vue.js跨域請求代理

1. 在main.js中寫入

   import Axios from 'axios'
   Vue.prototype.$axios = Axios;
   Vue.prototype.host = '/api'

2. 打開config/index.js

   module.exports{
       dev: {
       }
   }

3. 在這里面找到proxyTable{}，改為這樣

   proxyTable: {
         '/api': {
           target: 'http://121.41.130.58:9090',//設置你調用的接口域名和端口號 別忘了加http
           changeOrigin: true,
           pathRewrite: {
             '^/api': ''//這里理解成用‘/api’代替target里面的地址，后面組件中我們掉接口時直接用api代替 比如我要調用'http://40.00.100.100:3002/user/add'，直接寫‘/api/user/add’即可
           }
         }
       }

    

4. 在需要調接口的組件中這樣使用

   axios.post('/api/yt_api/login/doLogin',postData)
       .then(function (response) {
           console.log(1)
           console.log(response);
       })
       .catch(function (error) {
           console.log(error);
       })