在 vue.config.js
文件中,你可以使用 devServer.proxy
选项来设置代理以解决跨域问题。下面是一个示例配置:
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://localhost:8000',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
}
在这个示例中,我们设置了一个代理,将以 /api
开头的请求代理到 http://localhost:8000
。其中的选项解释如下:
target
:代理的目标地址。changeOrigin
:是否修改请求头中的Host
字段为目标地址。pathRewrite
:路径重写规则,用于修改请求路径。
通过这个配置,当你在开发环境中发送 /api/users
的请求时,它会被代理到 http://localhost:8000/users
。
你可以根据你的具体需求和后端配置进行相应的修改。确保在项目根目录下的 vue.config.js
文件中添加这个配置,然后重新启动开发服务器,代理配置就会生效。