`
刘正强
  • 浏览: 1286 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

web前段跨域nginx代理配置

阅读更多

nginx代理配置可参考server部分

server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;
       
       
        location /v1/ {
            proxy_redirect     off;
            #rewrite /v1/(.*) /$1 break;

            add_header 'Access-Control-Allow-Origin'      '*';
#add_header 'Access-Control-Allow-Credentials' 'true';
            add_header 'Access-Control-Allow-Headers'     'x-requested-with,content-type';
            add_header 'Access-Control-Allow-Methods'     'OPTIONS,GET,POST';


            proxy_set_header   Host             $host;
            proxy_set_header   X-Real-IP        $remote_addr;
            proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
            proxy_set_header   x-request-uri    $request_uri;



            proxy_connect_timeout      120;
            proxy_send_timeout         120;
            proxy_read_timeout         120;

            client_max_body_size 2048M;

            proxy_pass http://192.168.3.36:8006;
        }


        location /cms{ 
            alias e:\ceshi_temp\cms;
        }

        location /active/ {
            proxy_redirect     off;
            #rewrite /v1/(.*) /$1 break;

            add_header 'Access-Control-Allow-Origin'      '*';
#add_header 'Access-Control-Allow-Credentials' 'true';
            add_header 'Access-Control-Allow-Headers'     'x-requested-with,content-type';
            add_header 'Access-Control-Allow-Methods'     'OPTIONS,GET,POST';


            proxy_set_header   Host             $host;
            proxy_set_header   X-Real-IP        $remote_addr;
            proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
            proxy_set_header   x-request-uri    $request_uri;



            proxy_connect_timeout      120;
            proxy_send_timeout         120;
            proxy_read_timeout         120;

            client_max_body_size 2048M;

            proxy_pass http://192.168.3.33:8080;
        }

        location /shopping/ {
            proxy_redirect     off;
            rewrite /v1/(.*) /$1 break;

            add_header 'Access-Control-Allow-Origin'      '*';
            #add_header 'Access-Control-Allow-Credentials' 'true';
            add_header 'Access-Control-Allow-Headers'     'x-requested-with,content-type';
            add_header 'Access-Control-Allow-Methods'     'OPTIONS,GET,POST';


            proxy_set_header   Host             $host;
            proxy_set_header   X-Real-IP        $remote_addr;
            proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
            proxy_set_header   x-request-uri    $request_uri;



            proxy_connect_timeout      120;
            proxy_send_timeout         120;
            proxy_read_timeout         120;

            client_max_body_size 2048M;

            #proxy_pass http://192.168.3.33:8080;
proxy_pass http://localhost:8080/shopping/;
        }


        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

 
    }
分享到:
评论

相关推荐

    Vue中跨域及打包部署到nginx跨域设置方法

    在当今的web开发过程中,...本文介绍了在Vue项目开发阶段使用webpack配置代理解决跨域的方法,以及在生产环境中如何配置Nginx服务器,确保前端项目在不同环境下都能够正常访问后端资源,保证前后端分离项目的顺利进行。

    nginx跨域问题,解决多端口,多ip问题

    后端配置:在后端配置中,需要配置 Nginx 的反向代理功能,以将前端请求代理到后端服务器上。 服务器配置:在服务器配置中,需要配置 Nginx 的端口和 IP 地址,以确保服务器的安全性。 三、Nginx 配置方面 Nginx ...

    nginx实现跨域访问遇到的问题

    Nginx 代理配置 ------------- 在 Nginx 代理中,需要配置 server_name,配置的 server_name 最好不要用 localhost。主要配置如下: 1. 配置跨域请求转发的路由(应用服务端),跨域请求需配 redirect。 2. 配置 ...

    nginx解决跨域问题的实例方法

    通过以上配置和测试,Nginx可以有效地帮助解决跨域问题,使前端能够顺利地与不同源的后端服务进行通信。在实际项目中,可能还需要考虑其他安全措施,如配置CORS(Cross-Origin Resource Sharing)头,允许特定的跨域...

    Tomcat+Nginx反向代理部署前后端分离项目解决跨域问题

    最近自己做了一个前后端分离项目,前端采用HBuilderX开发,后端采用IDEA开发,在本地开发也跨域,部署到云服务器也跨域,下面介绍两种解决方案。 出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定...

    nginx安装, 解决跨域问题

    本篇将详细介绍如何在Linux环境下安装Nginx,并通过修改配置文件来解决跨域限制。 ### Nginx安装步骤 1. **更新系统包** 在安装Nginx之前,确保系统包是最新的: ``` sudo apt-get update sudo apt-get ...

    nginx跨域代理

    **Nginx跨域代理详解** ...总结,Nginx跨域代理是解决现代Web应用跨域问题的有效手段,通过配置Nginx的反向代理和CORS策略,可以实现安全、灵活的跨域通信。在实际操作中,需要根据项目需求和安全策略进行详细配置。

    利用Nginx代理如何解决前端跨域问题详析

    在现代Web开发中,前后端分离的架构已经成为...总的来说,通过Nginx反向代理,我们可以有效地解决前端跨域问题,同时还能通过配置Nginx来实现更多的功能,如负载均衡、缓存控制等,进一步优化Web应用的性能和安全性。

    nginx解决跨域案例

    本文将深入探讨Nginx如何配置来处理跨域请求,并提供具体的案例。 1. **理解跨域** 跨域是浏览器为了安全而实施的一项策略,防止恶意网站通过脚本获取其他网站的敏感数据。但这一策略有时会阻碍正常开发,尤其是...

    WEB前端关于跨域问题的8种解决方案

    8. **Nginx或Apache配置**:通过修改服务器配置,例如Nginx的反向代理或Apache的mod_proxy模块,可以将跨域请求重定向到同一源的服务器,实现跨域访问。 在选择解决方案时,需要考虑实际需求、兼容性和安全性等因素...

    signalR跨域及解决方案

    总结起来,SignalR 跨域问题的解决方案主要依赖于 CORS 配置,同时可以结合其他技术如 JSONP、代理服务器、IFrame 和 PostMessage,以及 WebSocket 协议,根据实际项目需求选择合适的解决方案。正确配置后,SignalR ...

    arcgis js跨域解决策略

    2. **配置Web应用**:在你的ArcGIS JavaScript API应用中,设置proxyPath指向部署的代理服务URL。例如: ```javascript var map = new esri.Map("mapDiv", { basemap: "streets", center: [-118.2437, 34.0522],...

    nginx解决前后分离开发跨域问题

    为了解决这个问题,我们可以利用Nginx作为反向代理服务器,将前端的请求转发到后端服务,从而绕过跨域限制。 Nginx是一款高性能、轻量级的HTTP和反向代理服务器,因其强大的负载均衡能力和高效的性能而广泛应用于...

    前端开发简历模板-web前端开发-实习.docx

    * 了解 Jsonp 和配置反向代理 nginx 解决跨域问题 * 了解 MVVM、MVC 框架和 CommonJS、requireJS 模块管理规范 * 了解常见 Web 性能优化 数据库 * 了解 nodejs+express 框架 * 了解 mongoDB 和 mysql 数据库的基本...

    如何用Nginx解决前端跨域问题

    最简单的解决方法,就是把浏览器设为忽略安全问题,设置–disable-web-security。不过这种方式开发PC页面到还好,如果是移动端页面就不行了。 解决办法 使用Nginx转发请求。把跨域的接口写成调本域的接口,然后将...

    解决Vue调用springboot接口403跨域问题

    在当前的Web开发中,前后端分离架构变得越来越流行。这种架构意味着前端使用一种技术栈(如...通过这些配置,可以有效解决前端Vue.js应用在访问后端资源时遇到的跨域问题,从而使得前后端分离的开发模式得以顺利进行。

    Nginx 解决WebApi跨域二次请求以及Vue单页面的问题

    由于项目是前后端分离,API接口与Web前端 部署在不同站点当中,因此在前文当中WebApi Ajax 跨域请求解决方法(CORS实现)使用跨域处理方式处理而不用Jsonp的方式。 但是在一段时间后,发现一个很奇怪的问题,每次...

    前端后端跨域问题

    ### 前端后端跨域问题解析及解决方案 #### 跨域问题概述 跨域问题,即Cross-Origin Resource Sharing(CORS),是指浏览器出于安全考虑,在不同源之间执行网络请求时实施的一种限制机制。根据同源策略的规定,只有...

    vue面试题之web前端开发中的常见技能

    * 使用代理跨域,例如配置Apache或Nginx服务器的proxy_table 四、IE11下Ajax访问后端时的400错误解决办法 IE11下Ajax访问后端时的400错误是web前端开发中常见的问题,解决方法如下: * 在URL后面添加时间戳,例如...

    nginx下载安装使用

    Nginx可以作为反向代理服务器,将前端的请求转发到后端的Web应用服务器。例如,当你的前端应用部署在`http://your_frontend.com`,后端API部署在`http://your_backend.com/api`,可以配置如下: ```nginx http { ...

Global site tag (gtag.js) - Google Analytics