nginx 解决options跨域问题

最新推荐文章于 2025-07-31 16:49:34 发布

2号自信

最新推荐文章于 2025-07-31 16:49:34 发布

阅读量8.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： Nginx PHP

本文链接：https://blog.youkuaiyun.com/qq_20984609/article/details/86655819

PHP 同时被 2 个专栏收录

12 篇文章

订阅专栏

Nginx

2 篇文章

订阅专栏

本文详细介绍了如何使用Nginx配置解决跨域问题，特别是针对options请求的处理方式，通过实例展示了如何为Yii和Vue项目的前后端分离提供有效的跨域解决方案。

server {
        #listen 9201;
		listen 8014;
        server_name  localhost;
        root  C:/wnmp/Nginx/html;
        charset utf-8;
        #access_log  logs/hvideo.access.log  main;
        access_log off;


        location / {

		
			if ($request_method = 'OPTIONS') {
				add_header 'Access-Control-Allow-Origin' '*';
				add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
				#
				# Custom headers and headers various browsers *should* be OK with but aren't
				#
				add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
				#
				# Tell client that this pre-flight info is valid for 20 days
				#
				add_header 'Access-Control-Max-Age' 1728000;
				add_header 'Content-Type' 'text/plain charset=UTF-8';
				add_header 'Content-Length' 0;
				return 204;
        	}


            index  index.html index.htm index.php;
                #系统用到的重写规则
                include  C:/wnmp/Nginx/html/nginx_rewrite.conf;
        }

    }

location / {}里面的if判断，是处理options跨域问题。亲试增加之后解决了Yii和Vue前后端分离的options跨域问题