首页 / VUE / Nginx部署vue项目

Nginx部署vue项目

内容导读

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

内容图文

特别提示：本人博客部分有参考网络其他博客，但均是本人亲手编写过并验证通过。如发现博客有错误，请及时提出以免误导其他人，谢谢！欢迎转载，但记得标明文章出处：http://www.cnblogs.com/mao2080/

1、问题描述

给前端同事部署了web项目之后，访问发现除了index.html可以访问，其他的路径使用了“伪静态”。比如访问：http://localhost:8081/user/login，访问即报404错误，这个实际上是请求HTML相关资源而非后台接口，后面网上查了相关资料找到了解决办法。

2、配置文件

                 1
                    upstream portalServer {

                 2
                        server 192.168.1.1:8080;

                 3
                    }

                 4
                 5
                    server {

                 6
                        listen       8081;

                 7
                        server_name  localhost;

                 8
                 9
                        root   /usr/local/application/nginx/web/build;

                10
                11
                        location / {

                12
                            try_files $uri $uri/ @router;

                13
                            index  index.html;

                14
                        }

                15
                16
                        location @router{

                17
                            rewrite ^.*$ /index.html last;

                18
                        }

                19         #代理后台接口
20        location /api/ {
21            proxy_pass http://portalServer/;
22            proxy_set_header Host $host:$server_port;
23        }
2425        error_page   500 502 503 504  /50x.html;
26        location = /50x.html {
27            root   html;
28        }
29     }

3、参考网站

https://my.oschina.net/u/1760791/blog/1575808

http://blog.sina.com.cn/s/blog_bd418dfa0102wser.html

原文：https://www.cnblogs.com/mao2080/p/9340026.html

内容总结

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

内容备注

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

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1091920.html

来源：【匿名】