这是一个基于 uni-app 开发的系统支持 H5、小程序、APP 等多端。在宝塔 Linux 上主要部署 H5 版本。部署步骤一、环境准备1.1 安装必要软件在宝塔面板中Node.js推荐版本 14.x 或更高宝塔面板 → 软件商店 → 运行环境 → 安装 Node.js 版本管理器或在终端执行nvm install 14或nvm install 16Nginx用于部署静态文件宝塔面板 → 软件商店 → 运行环境 → 安装 Nginx二、构建 H5 版本方式一使用 HBuilderX推荐在本地使用 HBuilderX 打开项目点击菜单发行 → 网站-H53. 构建完成后会在unpackage/dist/build/web目录生成文件4.将构建后的文件上传到服务器5.PHP版本使用纯静态6.配置nginx.confserver {listen 8083;server_name yourdomain.com; # 替换为你的域名root /www/wwwroot/default/quote-app/web;index index.html index.htm;# 开启 gzip 压缩gzip on;gzip_vary on;gzip_min_length 1024;gzip_types text/plain text/css text/xml text/javascript application/javascript application/xmlrss application/json;# SPA 路由支持重要location / {try_files $uri $uri/ /index.html;}# 静态资源缓存location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ {expires 1y;add_header Cache-Control public, immutable;}# API 代理如果需要# 如果你的后端 API 在同一个服务器可以配置代理location /prod-api/ {proxy_pass http://127.0.0.1:8080/prod-api/; # 根据实际后端地址修改proxy_set_header Host $host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_set_header X-Forwarded-Proto $scheme;}# 安全设置add_header X-Frame-Options SAMEORIGIN always;add_header X-Content-Type-Options nosniff always;add_header X-XSS-Protection 1; modeblock always;}7.完成之后效果如下
