Appearance

12 构建与部署 ​

12.1 构建 ​

项目使用 Vue CLI 构建：

bash
npm run build

构建过程编译 Vue 单文件组件、处理 Sass/SCSS、打包 JavaScript 和静态资源，结果输出到 dist/。

12.2 Vue CLI 配置 ​

vue.config.js 负责 publicPath、开发代理、Webpack alias、CSS 预处理器、生产构建优化和开发服务器行为。修改 publicPath 或代理后，应分别验证本地开发和部署后的资源地址。

12.3 静态部署 ​

通用流程为：安装依赖 → Vue CLI 生产构建 → 将 dist/ 放入 Web Server 或容器 → 对外提供静态资源。Web Server 需配置 SPA history 回退到入口 HTML，并处理静态资源缓存、API 代理、压缩、HTTPS 和安全响应头。

12.4 发布检查 ​

  1. 生产 API 地址和代理配置正确。
  2. 资源路径与部署路径一致。
  3. 登录、刷新和直接访问深层路由正常。
  4. 权限菜单、上传、下载和文件预览可用。
  5. 不把 .env 中的敏感信息打包或提交。