vue单页面部署nginx配置

最新推荐文章于 2025-07-01 15:31:34 发布

我俗人

最新推荐文章于 2025-07-01 15:31:34 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_32448349/article/details/88994611

本文详细介绍了Nginx服务器配置文件的设置方法，包括监听端口、默认服务器配置、Vue项目静态资源路径映射等核心内容。通过具体的配置示例，帮助读者理解如何正确配置Nginx以支持现代Web应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


    server {
        listen       80 default_server;
        listen       [::]:80 default_server;
        server_name  _;
        #vue目录
        root         /opt/dist;
       index  index.html;
        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;

    location / {
            #所有路径进入index
             try_files $uri $uri/ @router;
             index index.html;
         }

        location @router {
            rewrite ^.*$ /index.html last;
        }

        error_page 404 /404.html;
            location = /40x.html {
        }

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