1. vue本地項目調試線上接口出現跨域問題
2. 經過在 config/index.js 配置文件中找到proxyTable配置項
dev: {vue
// 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
}
}
}
},ajax
3. 配置完成後須要從新編譯一遍 , 調用接口的時候api
// 獲取菜單權限
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
版權聲明:本文爲博主原創文章,轉載請附上博文連接!跨域