vue history模式nginx配置

Nginx配置详解

最新推荐文章于 2025-09-06 12:03:20 发布

原创最新推荐文章于 2025-09-06 12:03:20 发布 · 1.6k 阅读

1 ·

CC 4.0 BY-SA版权

Vue 同时被 3 个专栏收录

11 篇文章

订阅专栏

部署

5 篇文章

订阅专栏

nginx

2 篇文章

订阅专栏

本文详细介绍了如何使用Nginx配置文件来正确设置一个项目的访问路径，特别关注于history模式下，如何通过try_files指令实现SPA（单页应用）的路由配置。同时，通过rewrite指令实现了对特定请求的重定向。

项目位于base下的h5文件夹中。

对应nginx配置

server {
        listen       8080;
        server_name 0.0.0.0;
        location /h5 {
            root C:/base;
            index index.html;
            //下面这个是history配置关键
            try_files $uri $uri/ /h5/index.html;
        }
        location @router {
            rewrite ^.*$ /index.html last;
        }
    }