• 售前

  • 售后

热门帖子
入门百科

利用Nginx处理Vue开辟环境的跨域的方法

[复制链接]
joneluz 显示全部楼层 发表于 2021-10-26 13:01:48 |阅读模式 打印 上一主题 下一主题
1. 需求

本地测试域名与线上域名雷同,以便正确转达 Cookie 和举行 SSO 测试。
注:由于 SSO 登录后,干系 Cookie 被加在四级域名上,因而必要做到本地测试域名和线上接口域名雷同。
2. 方案

设置 Host 文件使线上域名指向 Localhost:
  1. 127.0.0.1 product.xxx.xxx.com
复制代码

设置 Nginx 举行对应转发:
  1. server {
  2.   listen    80;
  3.   listen    [::]:80;
  4.   server_name ${product.xxx.xxx.com};
  5.   location /api {
  6.     proxy_pass https://${ip.ip.ip.ip};
  7.     proxy_set_header Host $host;
  8.   }
  9.   location / {
  10.     proxy_pass http://localhost:8080;
  11.     proxy_set_header Host $host;
  12.   }  
  13. }
复制代码
设置 vue.config.js 以免出现 Invalid Host header 报错:
  1. {
  2.   devServer: {
  3.     disableHostCheck: true
  4.   }
  5. }
复制代码
以上就是本文的全部内容,希望对各人的学习有所资助,也希望各人多多支持草根技术分享。

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作