nginx 静态文件多目录，多层级配置(vue)

最新推荐文章于 2023-12-27 09:02:22 发布

Crown丶

最新推荐文章于 2023-12-27 09:02:22 发布

阅读量4.2k

点赞数 1

分类专栏： nginx 文章标签： nginx vue

本文链接：https://blog.csdn.net/qq_41791324/article/details/121423448

版权

2 篇文章 0 订阅

订阅专栏

原因：

vue由于不像传统静态页，有各个功能的页面，vue的页面只有一个，前端配置路由之后，后端是无法判断这是一个前端的路由的，nginx会按照路径去找相应的资源，但是在服务器中并不存在，所以会404，所以nginx配置的时候也不能像传统静态资源那样配置

传统静态资源nginx配置：

访问http://www.test.com/official/static/ 下面所有的文件，都从服务器/data/official/目录下面寻找，

服务器静态文件必须放在/data/official/static目录下，配置才生效。

location /static/ {
 
     root /data/official/;
 
}

改为

vue静态资源nginx配置：

根目录/data/official/下找不到文件，就返回index.html，vue唯一的页面。

location  /static/ {
 
        try_files $uri $uri/ /static/index.html;
        root /data/official/;
                     
}

配置完成后就不会出现刷新404的问题了

关注