【无标题】vue3在vite打包时设置问题

vue3，vite打包部署问题

项目文件位置在admin目录上，访问地址也是admin目录下。

1. router配置

   const router = createRouter({
   	 history: createWebHistory(import.meta.env.VITE_BASE_URL),
   	 // history: createWebHistory(import.meta.env.BASE_URL),
   	 routes: [...constantRouterMap, ...asyncRouterMap],
    });
   

2. vite-config-ts配置

   //.env.production
   VITE_BASE_URL="/admin/"
    //vite.config.mts
   base: process.env.NODE_ENV === 'production' ? '/admin/' : '/',
   

3. nginx配置
   刷新网面会跳到根目录上的项目里。加入下面的设置。

   location /admin {
       try_files $uri /admin/index.html;
   }
   

项目文件位置在根目录上，实际访问地址是admin目录下。

• router配置
  同上
• vite-config-ts配置

  //.env.production
  VITE_BASE_URL="/admin/"
  //vite.config.mts
  publicDir: process.env.NODE_ENV === 'production' ? '/admin/' : '/',
  

• nginx配置
  略过。。。