nginx配置解决跨域

 server{
        listen       9999; #服务器接口端口
        server_name  localhost;
        #charset koi8-r;
        #access_log  logs/host.access.log  main;
        # location / {
        #     root   html;
        #     index  index.html index.htm;
        # }
        location / {
            proxy_set_header  X-Real-IP  $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header Host $http_host;
            proxy_redirect off;
            proxy_pass www.test.com/api;#服务器接口地址
            proxy_set_header Host "www.test.com/api"; #服务器接口地址
            add_header Access-Control-Allow-Origin 'http://127.0.0.1:8080'; #本地ip+端口
            add_header Access-Control-Allow-Methods 'POST,GET,OPTIONS,DELETE';
            add_header Access-Control-Allow-Credentials true;
            add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';
            add_header Access-Control-Max-Age 86400;
            if ($request_method = 'OPTIONS') {
                return 204;
            }
            index  index.html index.htm index.jsp;
        }
    }
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
配置Nginx服务器解决问题,可以参考以下步骤: 1. 打开Nginx配置文件,通常位于`/etc/nginx/nginx.conf`或`/etc/nginx/conf.d/default.conf`。 2. 在配置文件中找到`server`块,可以使用`server_name`指令来指定服务器名称。 3. 在`location`块中添加以下配置解决问题: ``` location / { add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS'; add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization'; proxy_pass http://localhost:8080/; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } ``` 这些配置将允许所有来源的请求访问服务器,并允许使用GET、POST和OPTIONS方法。同时,还会添加一些常见的请求头信息。 4. 如果你需要支持WebSocket,可以取消注释`proxy_http_version`、`proxy_set_header Upgrade`和`proxy_set_header Connection`这几行配置。 5. 保存配置文件并重启Nginx服务,以使配置生效。 请注意,以上配置仅供参考,具体配置可能因你的实际需求而有所不同。在修改配置文件之前,建议备份原始配置文件以防止意外情况发生。 #### 引用[.reference_title] - *1* [Nginx 轻松解决问题](https://blog.csdn.net/leonnew/article/details/123895626)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [Nginx 解决](https://blog.csdn.net/chenzhao635/article/details/128079241)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值