我要评论开发时配置vue.config.js解决跨域
module.exports = {
devServer: {
port: 8080,
host: "0.0.0.0",
https: false, // 协议
open: true, // false 启动服务时自动打开浏览器访问
proxy: {
'/admin': {
target: "http://admin.caorulai.com",
changOrigin: true, // 是否要代理
pathRewrite: {
'^/admin': '/'
}
}
}
},
publicPath: "./",
outputDir: "dist",
assetsDir: "static",
indexPath: ""
}
开发完毕部署到Nginx服务器，则配置反向代理
location /admin/ {
proxy_set_header Host $proxy_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-NginX-Proxy true;
proxy_pass 'http://admin.caorulai.com/';
}
如果后端服务有前缀，如http://admin.caorulai.com/admin/account/login，则配置如下
location /admin/ {
proxy_set_header Host $proxy_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-NginX-Proxy true;
proxy_pass 'http://admin.caorulai.com';
}
本文地址：https://blog.csdn.net/rulaixiong/article/details/108219683
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！
网友评论