vue项目通过nginx部署，刷新产生404问题的解决

本地运行和访问都是正常的，但是通过nginx部署后访问，会出现两个问题：
1、页面空白，原因是index.html引入的静态资源的路径不正确，通过修改路径就可以访问
2、系统不刷新是正常的，浏览器刷新通过路由访问报错404，解决方式分两种情况，如下：

1、不加前缀访问项目

通过修改nginx的配置来实现，配置如下：

 location / {
        root html/dist;
        try_files $uri $uri/ /index.html;  
        }

2、加前缀访问

将vue项目访问统一加上前缀
const router = createRouter({
history: createWebHistory(“/dist/”),
routes,
})
对nginx进行配置

location /dist {
   alias /home/nginx/html/dist;
   try_files $uri $uri/ /dist/index.html;  
 }