前端api请求跨域nginx代理解决

需求描述:
前端本地(react)项目api访问线上地址,提示跨域错误!

配置nginx代理api请求,"/base/"为本地请求路径

location /base/ {
          proxy_http_version 1.1;
          proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
          proxy_pass http://www.baidu.com/;
          #add_header Access-Control-Allow-Origin *;
          #add_header Access-Control-Allow-Methods "POST, GET, OPTIONS";
          #add_header Access-Control-Allow-Headers "Origin, Authorization, Accept";
          #add_header Access-Control-Allow-Credentials true;
        }

注意本地htttp协议或https要相对应

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 本期文章的视频内容可以去 B 站看,视频内容有完整的代码演示 在 BS 架构的项目中以及前端开发编码过程中有...
    懒得糊涂阅读 2,239评论 0 0
  • 注:文章太长了,因此分为两段,但第一部分比较常用也更重要,可重点掌握。跨域指的是浏览器不能执行其它网站的脚本,由于...
    AizawaSayo阅读 3,867评论 0 4
  • 前端开发中,跨域使我们经常遇到的一个问题,也是面试中经常被问到的一些问题,所以,这里,我们做个总结。小小问题,不足...
    Nealyang阅读 483评论 0 0
  • 前两天,我看到有一位朋友写了这么一段话:“我年纪越大,就越觉得那些心理阴暗,一肚子心计,满脑子阴谋论的人,是因为智...
    蜡笔滴爱十年阅读 209评论 0 0
  • 乐天型孩子:最在乎关系,拥有人际交往的优势! 乐天型孩子的特点:兴趣广泛,喜欢交谈,温暖热情,享受人生;优点:乐观...
    榕榕_7670阅读 304评论 0 0