nginx配置vue3项目

打包

npm run build

注意

如果项目中有二级路由，需要使用hash模式，history模式下方nginx配置不起作用。

配置nginx config

 # 【自用】解决二级目录刷新出现404页面问题
location / {
  root dist文件存放的绝对路径/dist;
  try_files $uri $uri/ @router;
  index index.html;
}
location @router {
  rewrite ^.*$ /index.html last;
}

参考文档：https://blog.csdn.net/qq_43768851/article/details/128507144