vue刷新页面丢失404

解决方案

• nginx添加配置文件 下面内容加入配置文件

location @rewrites {
             rewrite ^(.+)$ /index.html last;
 }

• 完整配置

  location / {
   
       root   /usr/share/nginx/html;
       index  index.html index.htm;
       try_files $uri $uri/ @rewrites;
   }
   location @rewrites {
            rewrite ^(.+)$ /index.html last;
       }

出现的原因

vue是单页面应用 带路径请求的时候会出现找不到对应的目录文件所以报错了

try_files

nginx中读取静态文件的变量
当前案例完整的解释就是：try_files 去尝试到网站目录读取用户访问的文件，如果第一个变量存在，就直接返回；
不存在继续读取第二个变量，如果存在，直接返回；不存在直接跳转到第三个参数上。

$uri

$uri当前请求路径 www.text.cn/trext 中的 /trext
上述代码相当于重定向了找不到的路径查询默认index