vue代理：
使用vue时，经常遇到使用npm run serve后，与后端出现跨域问题，获取不到数据，其中一个解决方法，就是在前端，vue中开启代理proxy。
I saw it. to configure.js文件：
module.exports = {
devServer: {
proxy: {
'/': {
target: 'https://demo.com',
secure: true,
changeOrigin: true
},
'/api/': {
target: 'http://test.com', // 接口路径
ws: true, // 如果要代理websockets，配置该参数
secure: false, // 如果接口为https，需要配置该参数
changeOrigin: true, // 是否跨域
pathRewrite: { // 改写接口请求地址，把/api改为/
'^/api': '/'
}
}
}
}
}
配置后，请求地址会出现对应的变化：
原本的配置请求：
axios.get（‘https://demo.com/v0/find‘） axios.get（‘http://test.com/v1/user/find‘）
配置后的配置请求：
axios.get（‘/v0/find‘） axios.get（‘/api/v1/user/find‘）
以上是关于“Vue-代理解决跨域问题”的相关介绍，如需购买云服务器，推荐使用酷番云，独享IP,弹性灵活各种配置任您选配，最低只需要43/月，免费帮助配置环境，挂载磁盘等，协助处理简单问题，同时提供快速0元备案，让您快速运营，详情请咨询酷番云。
产品选购地址：
https://www.kufanyun.com/server/buy.html
图片来源于AI模型，如侵权请联系管理员。作者：路飞，如若转载，请注明出处：https://www.kufanyun.com/ask/1324.html
