ant-design-vue-pro 配合Fastadmin 跨域解决
场景:Vue代码在我的计算机上,访问线上地址,毫无疑问出现了跨域问题 。
经过一顿百度:
blog.csdn.net/qq_36522689/article/...
www.jianshu.com/p/f841b7cbc984 ,解决了问题
前端工程处理:
1、env
中 : VUE_APP_API_BASE_URL=后端接口host
2、vue.config.js
中devServer
节点:
devServer: {
port: 8000,
proxy: {
'/api': {
target: process.env.VUE_APP_API_BASE_URL,
ws: false,
pathRewrite:{
'^/api': ''
},
changeOrigin: true
}
}
},
3、require.js
中首行代码(引用的不算):
const request = axios.create({
// API 请求的默认前缀
baseURL: process.env.VUE_APP_API_BASE_URL,
timeout: 6000 // 请求超时时间
})
后端:经过调试 ,发现我用的后端框架有一个封装好的跨域配置cors_request_domain
,把他的值改为*
就好了;也可以用localhost , 127.0.0.1 ,这样需要访问vue服务时使用 localhost , 127.0.0.1 ,而不是192.xxx.xxx.x.