1. 程式人生 > >vue-cli proxyTable中跨域中pathRewrite配置

vue-cli proxyTable中跨域中pathRewrite配置

1. vue本地專案除錯線上接口出現跨域問題
2. 通過在 config/index.js 配置檔案中找到proxyTable配置項
dev: {

// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
'/api': {
target: 'http://XX.XX.XX.XX:8083',
changeOrigin: true,
pathRewrite: {
'^/api': '/api' // 這種介面配置出來 http://XX.XX.XX.XX:8083/api/login
          //'^/api': '/' 這種介面配置出來 http://XX.XX.XX.XX:8083/login
}
}
}
},

3. 配置完成後需要重新編譯一遍 , 呼叫介面的時候

        // 獲取選單許可權
getPermission(){
this.$ajaxget({
url: '/api/getPermission',
data: {},
isLayer: true,
successFc: data => {
console.log(data.data)
}
})
},
4 . 因為我的專案介面中 是存在 '/api' 這個欄位的 所以我選擇的是第一種配置
---------------------
作者:敵人-別人家的孩子
來源:CSDN
原文:https://blog.csdn.net/jikangjian/article/details/80798677
版權宣告:本文為博主原創文章,轉載請附上博文連結!