vue测试环境跨域问题-配置代理
warning:
这篇文章距离上次修改已过443天，其中的内容可能已经有所变动。
在Vue项目中，通常会使用webpack的代理服务来解决开发环境下的跨域问题。以下是一个简单的配置示例：
- 打开Vue项目的根目录下的
vue.config.js文件。 - 如果文件不存在，则创建它。
- 添加代理配置到文件中：
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://target-domain.com', // 目标服务器地址
changeOrigin: true, // 是否改变源地址
pathRewrite: {
'^/api': '' // 重写路径
}
}
}
}
}在这个配置中，当开发服务器接收到一个带有/api前缀的请求时，它会将请求代理到http://target-domain.com。changeOrigin设置为true意味着请求头中的Host会被设置为目标URL的主机名，而不是开发服务器的主机名。pathRewrite用于重写请求路径，去除/api前缀。
确保你的请求URL是这样子的：
this.$http.get('/api/some-endpoint')这样配置后，开发服务器会将请求代理到http://target-domain.com/some-endpoint，从而绕过同源策略的限制。
评论已关闭