vue history模式nginx配置

最新推荐文章于 2025-05-06 17:32:07 发布

好帅的爸爸（）

最新推荐文章于 2025-05-06 17:32:07 发布

阅读量1.6k

点赞数

分类专栏： nginx 部署 Vue

本文链接：https://blog.youkuaiyun.com/wangliuqi123/article/details/104059993

版权

Vue 同时被 3 个专栏收录

11 篇文章

订阅专栏

部署

5 篇文章

订阅专栏

nginx

2 篇文章

订阅专栏

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

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

项目位于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;
        }
    }