04: nginx部署vue

最新推荐文章于 2025-09-06 16:45:42 发布

weixin_30765577

最新推荐文章于 2025-09-06 16:45:42 发布

阅读量53

点赞数

CC 4.0 BY-SA版权

文章标签：运维 javascript ViewUI

原文链接：http://www.cnblogs.com/xiaonq/p/9909730.html

本文详细介绍了Nginx的基本配置方法，包括前后端分离的配置示例，以及如何设置监听端口、服务器名称、访问日志、根目录和代理传递等关键参数。此外，还提供了具体的location配置规则，如try_files和rewrite指令的使用。

1.1 基本配置

server {
        listen 9000;
        server_name 1.1.1.3;
        #access_log logs/access_example.log  main;
        root /home/work/project/frontopwf/dist;
        location / {
                try_files $uri $uri/ @router;
        }
        location @router {
                rewrite ^.*$ /index.html last;
        }
}

#前后端分离nginx配置

        server {
                        listen 9000;
                        server_name frontopwf.intra.yiducloud.cn;
                        access_log  /home/work/logs/vue_access.log main;
                        root /home/work/project/frontopwf/dist;
                        location / {
                                        try_files $uri $uri/ @router;
                        }
                        location @router {
                                        rewrite ^.*$ /index.html last;
                        }
        }


        server {
            listen       8000;
            server_name  workorder.intra.yiducloud.cn;
            access_log  /home/work/logs/workorder_access.log main;
            location / {
                proxy_pass http://127.0.0.1:8001;
            }
        }