美文网首页
浏览器跨域配置

浏览器跨域配置

作者: 杀死一只喵 | 来源:发表于2020-06-10 16:02 被阅读0次

跨域问题解决

在 nginx的.conf文件中添加以前配置即可解决
如果有多个配置,添加在location中,如果只是一个站点 添加在全局中即可

这个配置针对与前端和后端都没有添加限制的情况,可在nginx添加此配置解决跨域问题

        add_header 'Access-Control-Allow-Origin' '*';
        add_header 'Access-Control-Allow-Methods' 'GET,POST,DELETE';
        add_header 'Access-Control-Allow-Header' 'Content-Type,*';

博主遇到的情况
前端两个域名
a.123.com (新加)
b.456.com
都指向了一个接口域名 api.456.com
由此可见 b.456.com与 api.456.com 为一个主域名

当我在 nginx上配置 add_header 'Access-Control-Allow-Origin' '*' 的时候 a.123.com 可以访问,b.456.com 就不能访问,取消掉跨域配置 b.456.com可以访问, a.123.com 就不能访问。

经过两天排查是 后端开发 代码里面配置了域名访问限制
只能 b.456.com调用api.456.com ,才导致 我在nginx怎么配置都是报错 跨域问题

总结: 当nginx解决不了的时候,记得找前后端开发。问题肯定会解决,只是没有找对方法而已

相关文章

  • 前端proxy跨域,nginx,后端跨域配置以及跨域原理简介

    前言:跨域配置可以分为:前端配置,后端配置,nginx配置, 这里分别介绍 为什么会发生ajax跨域呢? 浏览器限...

  • ajax跨域--nginx反向代理

    用nginx反向代理实现跨域,是最简单的跨域方式。只需要修改nginx的配置即可解决跨域问题,支持所有浏览器,支持...

  • 产生跨域的原因

    产生跨域的原因 浏览器的限制 跨域 XHR(XMLHttpRequest)请求 1、浏览器的限制 2、跨域 跨域概...

  • Mac配置的一些参考

    终端配置 Mac终端配置 google浏览器允许跨域 通过下面这种方式启动浏览器就可以了。open -a Goog...

  • 浏览器跨域的那些事

    整理中 目标: 了解跨域 解决跨域 服务器配置跨域(java, nginx) 前端调试时配置解决跨域 一、什么是跨...

  • Nginx的进阶二

    Nginx的进阶二 nginx的配置跨域问题 为什么会出现跨域问题 出于浏览器的同源策略限制。同源策略(Sameo...

  • 3.解决uni-app开发环境中H5端跨域问题

    此跨域问题只存在于浏览器端,App和小程序不存在跨域问题 manifest.json官方配置文档: https:/...

  • 2020-11-10 浏览器跨域

    谷歌浏览器(chrome)允许跨域设置的方法 什么是跨域? 跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器...

  • webhdfs vue工程google浏览器跨域问题解决

    webhdfs vue工程google浏览器跨域问题解决 浏览器配置google浏览器,右击,点击“属性”,打开浏...

  • Vue cli 3.x 版本跨域问题

    前言 首先简单的说一下什么是跨域 跨域首先是出现在浏览器里的,也就是浏览器拦截了跨域请求。 跨域所跨的域(doma...

网友评论

      本文标题:浏览器跨域配置

      本文链接:https://www.haomeiwen.com/subject/oxwgzhtx.html