nginx配置接口跨域请求

Posted 萌星人lrx

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了nginx配置接口跨域请求相关的知识,希望对你有一定的参考价值。

 server

       listen      8017;

       #server_name anitt.cn;


       # Vue路由模式为history需添加的配置

       location /

           if (!-e $request_filename)

               rewrite ^(.*)$ /index.html?s=$1 last;

               break;

           

           root   /opt/toncentsoft/tomcat/QRCodeByHud/;

           index  index.html;

       


       location /txhud/

           proxy_pass http://ip:8085/business/versionFileUpload/getApkPath;

       


       # 以上为完整版需要加的反向代理转发路径规则


       # 获取真实IP以及Websocket需添加的配置

       proxy_set_header Host $host;

       proxy_set_header X-Real-IP $remote_addr;

       proxy_set_header REMOTE-HOST $remote_addr;

       proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

       proxy_set_header Upgrade $http_upgrade;

       proxy_set_header Connection "upgrade";

       # 客户端Body大小限制(文件上传大小限制配置)

       client_max_body_size 8m;

       error_page   500 502 503 504 404  /50x.html;

       location = /50x.html

           root   html;

       

   

以上是关于nginx配置接口跨域请求的主要内容,如果未能解决你的问题,请参考以下文章

[JavaScript] Nginx实现跨域设置

Nginx转发+反向代理实现跨域接口转发

请求接口时跨域问题,前端解决方法

Spring Boot 全局跨域配置

webpack配置proxy反向代理,解决跨域问题

Nginx解决跨域配置(Cors),支持白名单