部署上线 免费 ⏱ 阅读约 18 分钟 2026/7/10

阿里云用宝塔部署网站

从添加站点、上传前端构建文件、配置后端反向代理、绑定域名、配置 SSL 到部署后检查。

序言

本教程由「小荣的网络开发日志」实操整理编写,实操踩坑验证,内容真实可靠。

遇到操作问题可直接联系作者,转载需标注原文出处,禁止私自篡改商用。

承接网站、APP、小程序、各类脚本定制开发;

AI 编程教学、一对一项目全程陪跑,提供免费技术咨询。

联系方式: 微信:rongyaolg 电话:18375295913


阿里云用宝塔部署网站

服务器和宝塔都准备好后,就可以部署网站了。

这节课按最常见的网站结构来讲:

  • 前端页面:用户看到的网页。
  • 后端服务:处理登录、数据、接口。
  • 数据库:保存用户、订单、课程等数据。

1. 部署前准备

准备项 说明
宝塔能登录 面板地址能打开
网站代码 前端 dist/build 或后端源码
域名 没有域名可以先用 IP
数据库信息 数据库名、账号、密码
环境变量 API 地址、数据库连接、密钥等

2. 添加网站

在宝塔里:

  1. 点击“网站”。
  2. 点击“添加站点”。
  3. 填写域名。如果暂时没有域名,可以先填服务器 IP。
  4. 如果项目需要数据库,可以同时创建数据库。
  5. 提交。

宝塔会创建目录,例如:

/www/wwwroot/你的域名

3. 部署纯前端网站

如果你的项目是 Vue、React、Astro 等前端项目,一般先在本地执行:

npm install
npm run build

构建后通常会生成:

框架 常见目录
Vite / Vue / React dist
Astro dist
Next.js 静态导出 out

把构建目录里的文件上传到网站目录,不是把整个源码文件夹都丢上去。

4. 部署后端项目

后端项目通常要做:

  1. 上传代码。
  2. 安装依赖。
  3. 配置环境变量。
  4. 启动服务。
  5. 设置开机自启或进程守护。
  6. 配置反向代理。

假设后端运行在 3000 端口,宝塔反向代理目标可以写:

http://127.0.0.1:3000

这样用户访问域名时,Nginx 会把请求转发给后端服务。

5. 绑定域名

去域名解析控制台添加 A 记录:

类型 主机记录 记录值
A @ 服务器公网 IP
A www 服务器公网 IP

如果使用中国大陆服务器,域名通常需要备案后才能正常绑定访问。

6. 配置 SSL

SSL 是让网站支持 https。

在宝塔站点设置里:

  1. 打开 SSL。
  2. 申请免费证书或粘贴已有证书。
  3. 保存。
  4. 开启强制 HTTPS。
  5. 用浏览器访问 https://你的域名。

浏览器地址栏出现安全锁,说明证书基本正常。

7. 部署后检查

  • 首页能不能打开。
  • 刷新页面是否 404。
  • 登录、提交、列表等功能是否正常。
  • 浏览器 F12 Console 有没有红字。
  • Network 请求是否失败。
  • 后端服务是否持续运行。
  • 服务器重启后服务是否还能启动。

8. 给 AI 的部署排查模板

我在阿里云宝塔部署网站遇到问题。

项目类型:
前端目录:
后端运行端口:
域名或 IP:
宝塔站点配置:
浏览器报错:
后端终端报错:

请判断是前端构建、反向代理、端口、安全组、域名解析还是后端服务问题。

官方链接