Nginx部署Npm打包的项目访问时F5刷新404

Nginx部署Npm打包的项目访问时F5刷新404

一、问题描述

使用nginx访问打包由npm build的项目dist文件夹发现了一个问题。除此访问一个页面是没有问题的，但是F5刷新之后就出现了问题。

F5刷新之前

F5刷新之后

二、问题解决

后来寻找解决方法说是nginx的配置文件写错了。
修改之前

		location / {
            root   /etc/nginx/html/paperless/paperless_admin/dist;
            index  index.html index.htm;
        }

修改之后

		location / {
            root   /etc/nginx/html/paperless/paperless_admin/dist;
            try_files $uri $uri/ /index.html; # 加上这个配置
            index  index.html index.htm;
        }

最后加上try_files $uri $uri/ /index.html;后可以访问了。