Vue3+vite部署nginx的二级目录，使用hash模式

 修改router访问路径

import { createRouter, createWebHashHistory } from 'vue-router'const router = createRouter({history: createWebHashHistory ('/mall4pc-bbc/'),routes: [XXX,]
})

配置package.json文件

 "build:testTwo": "vite build --mode testing --base=/mall4pc-bbc/",

执行打包命令

npm run build:testTwo

打包出来的目录路径是这样子的

Nginx配置

# mall4pc-bbc 页面location /mall4pc-bbc {alias /home/warehouse/mall4pc-bbc;index index.html index.htm;try_files  $uri $uri/ /mall4pc-bbc/index.html @rewrites; }

 

参考文章

Vue3 造轮子之 打包构建配置二级目录_vite在build打包的时候增加二级目录-CSDN博客