开发环境打包预览404

报错信息：

打包开发环境预览提示报错：404，页面白屏
原因是没有找到静态资源，在vite.config.ts中base基础路径的问题

如果你是开发环境打包，运行以下命令：npm run build:dev

  "build:dev": "vue-tsc && vite build --mode development",

它会自动读开发环境的env文件：.env.development

# 开发环境
VITE_USER_NODE_ENV = development

# 开发环境地址前缀 (一般 '/' 或 './' 都可以，如果开发环境 '/' 打包预览白屏，请使用 './')
VITE_PUBLIC_PATH = './'

VITE_GLOB_APP_TITLE = SnowAdminDev

关于打包的几条命令

  "scripts": {
    "dev": "vite",
    "build:dev": "vue-tsc && vite build --mode development",
    "build:prod": "vue-tsc && vite build --mode production",
    "build:test": "vue-tsc && vite build --mode test",
    "preview": "vite preview",
  },

● dev：运行本地开发环境
● build:dev：开发环境打包
● build:prod：生产环境打包
● build:test：测试环境打包
● preview：预览本地打包项目，默认dist文件