vue-router使用history模式部署刷新白屏和404问题

1. 首先在vue项目中创建路由时指定base

3. vite配置文件中指定base

5. yarn build构建完成之后上传服务器指定目录下,修改nginx.conf文件配置

7. 配置完成之后，cd到sbin目录下执行 ./nginx -s reload重启服务器

--特别声明(错误纠正)

按照以上配置之后会出现浏览器刷新之后返回系统默认首页问题，解决这个问题很简单，只需要在try_files中配置如下：$uri$uri/ /mos/index.html即可（/mos/指的是vite中base的配置+index.html）