序言
本教程由「小荣的网络开发日志」实操整理编写,实操踩坑验证,内容真实可靠。
遇到操作问题可直接联系作者,转载需标注原文出处,禁止私自篡改商用。
承接网站、APP、小程序、各类脚本定制开发;
AI 编程教学、一对一项目全程陪跑,提供免费技术咨询。
联系方式: 微信:rongyaolg 电话:18375295913
阿里云用宝塔部署网站
服务器和宝塔都准备好后,就可以部署网站了。
这节课按最常见的网站结构来讲:
- 前端页面:用户看到的网页。
- 后端服务:处理登录、数据、接口。
- 数据库:保存用户、订单、课程等数据。
1. 部署前准备
| 准备项 | 说明 |
|---|---|
| 宝塔能登录 | 面板地址能打开 |
| 网站代码 | 前端 dist/build 或后端源码 |
| 域名 | 没有域名可以先用 IP |
| 数据库信息 | 数据库名、账号、密码 |
| 环境变量 | API 地址、数据库连接、密钥等 |
2. 添加网站
在宝塔里:
- 点击“网站”。
- 点击“添加站点”。
- 填写域名。如果暂时没有域名,可以先填服务器 IP。
- 如果项目需要数据库,可以同时创建数据库。
- 提交。
宝塔会创建目录,例如:
/www/wwwroot/你的域名3. 部署纯前端网站
如果你的项目是 Vue、React、Astro 等前端项目,一般先在本地执行:
npm install
npm run build构建后通常会生成:
| 框架 | 常见目录 |
|---|---|
| Vite / Vue / React | dist |
| Astro | dist |
| Next.js 静态导出 | out |
把构建目录里的文件上传到网站目录,不是把整个源码文件夹都丢上去。
4. 部署后端项目
后端项目通常要做:
- 上传代码。
- 安装依赖。
- 配置环境变量。
- 启动服务。
- 设置开机自启或进程守护。
- 配置反向代理。
假设后端运行在 3000 端口,宝塔反向代理目标可以写:
http://127.0.0.1:3000这样用户访问域名时,Nginx 会把请求转发给后端服务。
5. 绑定域名
去域名解析控制台添加 A 记录:
| 类型 | 主机记录 | 记录值 |
|---|---|---|
| A | @ | 服务器公网 IP |
| A | www | 服务器公网 IP |
如果使用中国大陆服务器,域名通常需要备案后才能正常绑定访问。
6. 配置 SSL
SSL 是让网站支持 https。
在宝塔站点设置里:
- 打开 SSL。
- 申请免费证书或粘贴已有证书。
- 保存。
- 开启强制 HTTPS。
- 用浏览器访问 https://你的域名。
浏览器地址栏出现安全锁,说明证书基本正常。
7. 部署后检查
- 首页能不能打开。
- 刷新页面是否 404。
- 登录、提交、列表等功能是否正常。
- 浏览器 F12 Console 有没有红字。
- Network 请求是否失败。
- 后端服务是否持续运行。
- 服务器重启后服务是否还能启动。
8. 给 AI 的部署排查模板
我在阿里云宝塔部署网站遇到问题。
项目类型:
前端目录:
后端运行端口:
域名或 IP:
宝塔站点配置:
浏览器报错:
后端终端报错:
请判断是前端构建、反向代理、端口、安全组、域名解析还是后端服务问题。