Nginx 跨域设置

作者: heichong | 来源:发表于2019-07-02 14:07 被阅读3次

nginx配置文件中,在需要跨域的location内,增加如下配置,重启nginx即可。

 server {
    listen       8001;
    server_name  _;

    location /map/ {
        alias /data/map/;
        
        ###跨域start###
        add_header 'Access-Control-Allow-Origin' $http_origin;
        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
        add_header 'Access-Control-Allow-Headers' 'DNT,web-token,app-token,Authorization,Accept,Origin,Keep-Alive,User-Agent,X-Mx-ReqToken,X-Data-Type,X-Auth-Token,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
        add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
        if ($request_method = 'OPTIONS') {
                add_header 'Access-Control-Max-Age' 1728000;
                add_header 'Content-Type' 'text/plain; charset=utf-8';
                add_header 'Content-Length' 0;
                return 204;
        }
        ###跨域end###

    }
}

相关文章

  • Nginx跨域请求设置

    Nginx跨域请求设置 开发环境中,前后端分离开发时,经常会有跨域请求的问题出现,Nginx可以设置如下: 说明:...

  • nginx设置跨域

    当出现403跨域错误的时候 No 'Access-Control-Allow-Origin' header is ...

  • Nginx 跨域设置

    nginx配置文件中,在需要跨域的location内,增加如下配置,重启nginx即可。

  • Nginx 常用配置

    Nginx 相关配置, 包括开启 gzip,设置缓存时间,包括前后端开发设置代理来避免跨域等 友情链接 Nginx...

  • nginx配置允许跨域

    nginx设置允许跨域 这一段可以放在http、server、location里面分别代表不同程度的跨域,其中Ac...

  • vue 打包之后 接口报错404

    注:已经设置过ngnix反向代理 问题:vue项目proxyTable设置的代理;nginx后台配置了跨域如图 当...

  • vue前端配置代理实现跨域请求

    跨域的解决方法:设置让服务器允许跨域,使用nginx反向代理服务器实现 在config.js中配置config配置...

  • C# Web直接上传视频或者文件到OSS

    代码 解决本地调试跨域问题 设置跨域规则:找到OSS存储——Bucket列表——基础设置——跨域访问——设置 暴露...

  • Nginx 跨域设置(CORS)

    浏览器同源策略 同源策略是Web应用程序安全模型中的一个重要概念。根据该策略,Web浏览器允许第一个Web页面中包...

  • 浏览器跨域的那些事

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

网友评论

    本文标题:Nginx 跨域设置

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