• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    利用Nginx处理Vue开发环境的跨域的方法

    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
      }
    }
    

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

    上一篇:Windows 和 Linux 上Redis的安装守护进程配置方法
    下一篇:Docker实践之python应用容器化
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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