vue3+vite history模式部署到服务器二级目录

1、先配置nginx:

location /exam {
  alias /usr/local/pkg/exam/web/release/dist;
  index index.html index.htm;
  try_files  $uri $uri/ /exam/index.html @rewrites;          
}

2、在路由中添加

const router = createRouter({
  history: createWebHistory('/exam/'),
  routes,
})

注意如果是ts文件的话,如果默认有生成js的话要查看对应的js是否有加上目录,否则设置会无效。
3、在vite.config.ts文件中添加

export default defineConfig({
  base: '/exam/',
})

你可能感兴趣的:(vue3+vite history模式部署到服务器二级目录)