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' 这个字段的 所以我选择的是第一种配置

Logo

前往低代码交流专区

更多推荐