vite vue3 histroy项目发布nginx刷新后404问题

打包后发布服务能正常运行，但是刷新之后项目404

主要是当我们刷新是会重新去请求html文件

比如 当我们访问 www.myproject.com时候 请求 src/index.html

这时候我们通过菜单进入登录 www.myproject.com/login 页面能正常渲染

但是如果我们F5刷新页面 就会404 因为刷新后重新加载html。www.myproject.com/login 会去找我们的src/login/index.html
实际这个文件是不存在的所以404

解决办法 获取html文件的时候try_files修正路径,root定义try_files的相对目录

server {
   
  listen 80;
  client_max_body_size 10M;
  root /opt/app/myproject;
  index /opt/app/myproject/s