解决nginx访问json文件跨域的问题

最新推荐文章于 2024-09-11 15:57:36 发布

tangqiuhuang

最新推荐文章于 2024-09-11 15:57:36 发布

阅读量140

点赞数

分类专栏：前端文章标签： nginx json 前端

本文链接：https://blog.csdn.net/tangjinhe_/article/details/140949356

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Nginx配置文件中添加

server {
        listen       8888;
        server_name  127.0.0.1;

        location / {
            root   html;
            index  index.html index.htm config.json;
            # json跨域访问添加以下内容
             if ($request_method = 'OPTIONS') {
                add_header 'Access-Control-Allow-Origin' '*';
                add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
                
                add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
                
                add_header 'Access-Control-Max-Age' 1728000;
                add_header 'Content-Type' 'text/plain charset=UTF-8';
                add_header 'Content-Length' 0;
                return 204;
             }
             if ($request_method = 'POST') {
                add_header 'Access-Control-Allow-Origin' '*';
                add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
                add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
             }
             if ($request_method = 'GET') {
                add_header 'Access-Control-Allow-Origin' '*';
                add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
                add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
             }
        }
    }