vue3.0+vite+vue-router用tomcat服务器非根目录部署

264 阅读1分钟

预期

访问地址假设是,https://oneone/webtest 非根目录,用的是tomcat,非nginx(最常见)

前端需要改的地方

1.打包文件

//vite.config.ts 
export default defineConfig({
    base:"./", //默认值是/,改为相对路径
})

  1. 路由配置文件
//router/index.ts 你的路由配置文件
const router = createRouter({
  //history: createWebHistory(import.meta.env.BASE_URL), 这个没用了必须要改
  history: createWebHistory('/webtest/'),
  base: '/webtest/',
})

其他的都不需要改动了