vue.config.js 配置proxy代理
warning:
这篇文章距离上次修改已过191天，其中的内容可能已经有所变动。
在Vue CLI项目中，你可以通过修改vue.config.js文件来配置proxy代理，以便在开发环境中将API请求转发到其他服务器。以下是一个配置示例：
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://backend.example.com', // 目标服务器地址
changeOrigin: true, // 是否改变源地址
pathRewrite: {
'^/api': '' // 重写路径
}
}
}
}
}在这个配置中，当开发服务器接收到以/api开头的请求时，它会将请求代理到http://backend.example.com服务器。changeOrigin设置为true意味着请求头中的Host会被设置为目标URL的主机名，而不是开发服务器的主机名。pathRewrite用于重写请求路径，去除/api前缀。
假设你有一个API端点/api/data，当你通过/api/data发送请求时，它将被代理到http://backend.example.com/data。
评论已关闭