vue 项目判断打包后添加二级目录-本地不需要 使用vite构建

.env.development 本地开发文件
ENV = 'development'
VITE_APP_ENV = 'development'//本地标识
#测试环境
VITE_API_URL='http://10.204.84.224:8926'
#本地
# VITE_API_URL='http://10.204.80.103:8926'
VITE_BASE_URL = '/'//重要

.env.production 打包文件
ENV = 'production'
VITE_APP_ENV = 'production'//打包标识
# 测试
VITE_API_URL='http://10.204.84.224:8926' 
#生产
# VITE_API_URL='http://192.168.1.200:8926' 
VITE_BASE_URL = '/admin/'//重要

使用
vite.config.js
import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
export default defineConfig(({ mode }) => {
const env = loadEnv(mode, process.cwd())//获取判断路劲
console.log(env,'ssss')
//获取环境变量ENV
return {
base: env.VITE_APP_ENV === 'development' ? '/' : '/admin/', //获取本地还是打包 打包的话就加上
build: {
 outDir: 'dist', //想要把dist修改成什么名字在这边改
},
//跨域配置
server: {
 host: '0.0.0.0',
 port: 8681, // 端口号
 open: true, // 是否自动打开浏览器
 proxy: {
  '/api': {
  target: 'http://10.204.84.224:8926/api', //你要跨域访问的网址
  changeOrigin: true, // 允许跨域
  rewrite: path => path.replace(/^\/api/, '') // 重写路径把路径变成空字符
      }
    }
  }
 }
})

router.js文件也要加上
export const router = createRouter({
  history:createWebHistory(import.meta.env.VITE_BASE_URL),// 重要,
  routes: constantRoutes,
})

项目打包后查看dist文件夹里的index.html 路径后面显示有二级目录名称就说明添加成功了