前端部署

一、软件环境

• NodeJs，要求 node版本 >= 18 (可以通过node -v命令来查看)
• Nginx / Opresty / Tengine

二、修改url

根据打包环境，修改如下：

.env.test 测试环境
.env.pre  预发布环境
.env.prod 生产环境

只需修改文件中的 VITE_APP_API_URL 和 VITE_APP_TITLE，如下：

VITE_APP_API_URL = 'https://gz.1024lab.net/smart-admin-api'

VITE_APP_TITLE = 'Smart固定资产管理系统'

三、修改前端访问路径

打开vite.config.js文件:

修改如下base变量：

export default {
  base: process.env.NODE_ENV === 'production' ? '/' : '/',
  root: process.cwd(),
  resolve: {
    alias: [

四、执行打包命令

对于正式环境，需要执行 的打包命令：

npm run build:prod

打包成功以后会生成 /dist目录

若是打包 测试环境，执行 npm run build:test
若是打包 预发布环境，执行 npm run build:pre

五、nginx配置

将第四步生成的 /dist 目录复制到服务器中，然后进行 nginx 如下配置：

5.1、带缓存配置

  location / {
        alias /home/smart-admin/smart-admin-v3-preview/;
        try_files $uri $uri/ /index.html last;
        index  index.html;
        #对于index.html首页，不缓存
        expires -1;
        #对于静态资源文件（非index.html首页）缓存 30天
        if ($request_filename ~* .*\.(?:jpg|jpeg|gif|png|ico|cur|gz|svg|svgz|mp4|ogg|ogv|webm|css|js)$){
              expires 30d;
        }
  }

5.2、无缓存配置

    location / {
        alias /home/smart-admin/smart-admin-v3-preview/;
        try_files $uri $uri/ /index.html last;
        index  index.html;
        expires -1;
    }

联系我们

1024创新实验室-主任：卓大，混迹于各个技术圈，研究过计算机，熟悉点 java，略懂点前端。

1024创新实验室 致力于成为中原领先、国内一流的技术团队， 以AI+数字化为驱动，用技术为产业互联网提供无限可能， 业务如下:

• 教育领域（高职院校数字化、就业创业大数据平台、继续教育平台；在线教育系统、视频直播、题库等，包含：医学、应急管理、成考、专升本等）
• 供应链领域（网络货运平台、大宗贸易进销存ERP、物流管理TMS、B2B电商、仓储WMS、AI提效等）
• 中医领域（诊所数字化管理、互联网医院、AI辅助诊疗、中医适宜技术、在线云问诊、空中药房等）
• AI+软件领域（软件定制外包、开源技术、数据大屏、国产化改造、技术升级换代、人员外包、技术顾问、技术培训等）

加微信： 卓大 拉你入群，一起学习	公众号 ：六边形工程师 分享：赚钱、代码、生活	请 “1024创新实验室” 烩面里加肉 咖啡配胡辣汤,提神又饱腹	抖音 : 六边形工程师 直播：赚钱、代码、中医