vue代理模式nginx配置的介绍

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vue代理模式nginx配置的介绍，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1325字，纯文字阅读大概需要2分钟。

内容图文

本篇文章给大家带来的内容是关于vue代理模式nginx配置的介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

前端使用vue.js开发,后端使用tornado框架提供restful API, vue.js使用代理;如 当前端js请求http://192.168.9.62:9000/api/orders时候后端通过nginx配置去请求http://192.168.9.62:9000/v1/orders

需求

nginx需要将前端js请求http://192.168.9.62:9000/api/orders 转发 http://192.168.9.62:9000/v1/orders

nginx配置

upstream svrs {
        # 负载均衡的servers
        server 127.0.0.1:8001;
        server 127.0.0.1:8002;
        server 127.0.0.1:8003;
        server 127.0.0.1:8004;
        server 127.0.0.1:8005;
        server 127.0.0.1:8006;
        server 127.0.0.1:8007;
        server 127.0.0.1:8008;
        server 127.0.0.1:8009;
        server 127.0.0.1:8010;
}

server {
    listen         9000;
    server_name     _;


    location /v1 {
            # 直接访问 http://192.168.9.62:9000/v1/orders 的配置
            proxy_pass_header Server;
            proxy_redirect off;
            proxy_set_header   Host             $http_host;
            proxy_set_header   x-forwarded-for  $remote_addr;
            proxy_set_header   X-Real-IP        $remote_addr;
            proxy_read_timeout 120;
            proxy_pass http://svrs;
        }

    location /api {
           # 访问http://192.168.9.62:9000/api/orders 的配置
           # 重写 api/ --> v1/ 
           rewrite  ^.+api/?(.*)$ /v1/$1 break;
           # 后端的API服务器
           proxy_pass   http://svrs; 
    }


    location / {
        # 前端打包的静态文件
        root /home/xx/xx_web;
        index index.html;
    }
}

以上就是vue代理模式nginx配置的介绍的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的vue代理模式nginx配置的介绍全部内容，希望文章能够帮你解决vue代理模式nginx配置的介绍所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---