站长资源服务器
利用Nginx处理Vue开发环境的跨域的方法
简介1. 需求本地测试域名与线上域名相同，以便正确传递 Cookie 和进行 SSO 测试。注：由于 SSO 登录后，相关 Cookie 被加在四级域名上，因而需要做到本地测试域名和线上接口域名相同。2. 方案配置 Host 文件使线上域名指向 Localhost：127.0.0.1 produc
1. 需求
本地测试域名与线上域名相同，以便正确传递 Cookie 和进行 SSO 测试。
注：由于 SSO 登录后，相关 Cookie 被加在四级域名上，因而需要做到本地测试域名和线上接口域名相同。
2. 方案
配置 Host 文件使线上域名指向 Localhost：
127.0.0.1 product.xxx.xxx.com
配置 Nginx 进行对应转发：
server {
listen 80;
listen [::]:80;
server_name ${product.xxx.xxx.com};
location /api {
proxy_pass https://${ip.ip.ip.ip};
proxy_set_header Host $host;
}
location / {
proxy_pass http://localhost:8080;
proxy_set_header Host $host;
}
}
配置 vue.config.js 以免出现 Invalid Host header 报错：
{
devServer: {
disableHostCheck: true
}
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。