宝塔部署秒哒应用教程
更新时间：2026-03-04
一、适用场景
本文档仅用于部署纯前端页面。如涉及到后端数据服务，需自行选择 Supabase 服务商，并在代码配置中替换对应的 Project URL 和 Anon Key。
二、安装宝塔
登录服务器，执行官方安装脚本，按提示确认安装并获取登录信息。
三、安装 Web 服务器
登录宝塔面板，进入【网站】页，按提示一键安装 Nginx 。
也可以进入【软件商店】的【运行环境】分类，选择 Nginx并点击安装即可。
四、打包与部署
4.1 下载源码
4.2 编译源码
- 参照源码导出与部署——环境准备，完成Node.js安装
- 进入到源码目录中，执行以下脚本，完成依赖安装和打包。
- 非小程序应用
Plain Text
1# 安装依赖
2npx pnpm i --registry=https://registry.npmmirror.com
3# 打包
4npx vite build- 小程序应用
Plain Text
1# 安装依赖
2npx pnpm i --registry=https://registry.npmmirror.com
3# 打包
4npx taro build --type h5注：打包成功后会生成dist文件夹，目录结构如下
Plain Text
1# 非小程序应用
2.
3├── package.json
4├── src/
5└── dist/
6 ├── index.html
7 ├── assets/
8 └── images/
9
10# 小程序应用
11.
12├── package.json
13├── src/
14└── dist/
15 ├── index.html
16 ├── css/
17 ├── js/
18 └── static/4.3 添加站点
- 进入【网站】，在顶部选择【HTML项目】，在列表上方选择【添加项目】
- 在【绑定域名】中填写【IP+端口】或者【域名+端口】
示例：
【IP+端口】，格式：10.224.69.140:8877
【域名+端口】，格式：www.domain.com:88
- 如果是非小程序应用，需要自定义NGINX配置
点击【设置】
选择【伪静态】
粘贴以下代码并保存
Plain Text
1location / {
2 try_files $uri $uri/ /index.html;
3}- 点击列表中【根目录】列下的对应链接
- 点击【上传】，然后进入到 dist 目录内部，将其中的所有文件与子文件夹进行拖拽上传（勿上传 dist 目录本身）。
注：上传后的文件列表如下
五、访问网站
若之前配置的是【IP+端口】，此时可以在浏览器中访问链接，如http://10.224.69.140:8877。
若之前配置的是【域名+端口】，则需要先在云服务商处进行域名解析，待解析生效后，再访问链接，如http://www.domain.com:88。