zoukankan      html  css  js  c++  java
  • vue生产环境nginx配置代理转发跨域

    后端提供的请求接口完整地址示例:https://www.baidu.com/company/list

    前端配置:

    一:axios请求url:  /api/company/list

    推荐此方法

    方法1:

    location ^~ /api/ {

       proxy_pass https://www.baidu.com/;  # 转发地址

    }

    注意:proxy_pass https://www.baidu.com/;    后面要加 /  表示绝对路径

    方法2:

    location ^~ /api/ {

        rewrite  ^/api/(.*)$  /$1  break;  # 重写路径将  api 替换为空

        proxy_pass https://www.baidu.com;

    }

    注意:proxy_pass https://www.baidu.com;   后面没有 / 

    二:axios请求url:  /company/list

    适合后端提供的接口地址都是以统一前缀开头的  比如  https://www.baidu.com/company/xxx,假如不是以统一前缀开头的话,需要配置很多匹配路径

    location ^~ /company/ {

       proxy_pass https://www.baidu.com;  # 转发地址

    }

    注意:proxy_pass https://www.baidu.com;   后面没有 /  

    解释:在nginx中配置proxy_pass时,当在后面的url加上了/,相当于是绝对根路径,则nginx不会把location中匹配的路径(/api)代理走;如果没有/,则会把匹配的路径也给代理走。

  • 相关阅读:
    kubernetes-harbor 私有仓库 帐号与密码 配置
    cloudstack4.11 centos7 安装文档
    检查hdfs块的块-fsck
    Kubernetes 1.13 正式发布,功能亮点一览!
    SnakeYaml快速入门
    chromedriver和ffdriver下载地址
    Python 卸载
    Apache httpclient
    Selenium文件上传
    Java Runtime.exec()用法
  • 原文地址:https://www.cnblogs.com/zhangruiqi/p/14102650.html
Copyright © 2011-2022 走看看