vue反向代理（解決跨域）

1，vue中有提供反向代理的接口，就是config/index.js中的

proxyTable，我的腳手架版本是2.9.6，proxyTable配置初始為空，如下圖。

 

 2,將proxyTable配置如下：

proxyTable: {
     '/api': {                       //需要代理的接口
       target:'http://39.97.33.178', //目標服務器
       changeOrigin: true,　　　　　　 //是否跨域
       pathRewrite: {
         '^/api': '/api'             //重定向
       }
     }
   },

例如：我需要訪問的接口是：http://39.97.33.178/api/cityList，第一行 ‘/api‘ 是一個標識，告訴它只代理接口里面有/api這個字段的接口，我的目標服務器就是http://39.97.33.178，即target定義的，pathRewrite重定向 '^/api': '/api' 就是在代理是時候使用/api 代理 http://39.97.33.178/api，使用的時候就可以直接這樣使用：

this.$axios.get('/api/cityList').then((res)=>{
    console.log(res)
})

重定向也可以為空 '^/api': ' ',使用的時候就需要多加一層：

this.$axios.get('/api/api/cityList').then((res)=>{
    console.log(res)
})

第一個/api 相當於 路徑代理到 http://39.97.33.178 ，第二個/api/cityList才是接口里面的路徑