构建和发布

构建

当项目开发完毕，只需要运行一行命令就可以打包你的应用：

npm run build

构建打包成功之后，会在根目录生成 dist 文件夹，里面就是构建打包好的文件，通常是 ***.js 、***.css、index.html 等静态文件。

如果需要自定义构建，比如指定 dist 目录等，则需要通过 .env 中的 VITE_APP_BASE 来进行配置。

发布

对于发布来讲，只需要将最终生成的静态文件，也就是通常情况下 dist 文件夹的静态文件发布到你的 cdn 或者静态服务器即可，需要注意的是其中的 index.html 通常会是你后台服务的入口页面，在确定了 js 和 css 的静态之后可能需要改变页面的引入路径。

部署时可能会发现资源路径不对 ,只需修改 vite.config.ts 文件资源路径即可。

base: '/' //请根据自己路径来配置更改

Nginx

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