本文最后更新于222 天前,其中的信息可能已经过时,如有错误请发送邮件到1986413837@qq.com
这里我们使用子域名(推荐 避免路径冲突)
1.添加子域名DNS解析
- 进入域名管理后台(我是阿里云)
- 添加一条 A 记录: 主机名: weather 目标: 你的服务器IP TTL: 自动

2.宝塔面板新建网站
宝塔面板 → 网站 → 添加站点
填写
域名: weather.womeifei.cn
根目录: /www/wwwroot/weather
PHP版本: 无需(纯静态)
3.上传项目
本地构建React/Vue
pnpm run build
上传 dist文件夹内的所有文件到 /www/wwwroot/weather
4.配置Ngnix (处理前端路由)
进入 宝塔 → 网站 → weather.womeifei.cn → 配置文件
在 server块内添加:
location / {
try_files $uri $uri/ /index.html;
}
5.配置HTTPS(可选)
进入 宝塔 → 网站 → app.example.com → SSL → Let’s Encrypt,申请免费证书
6.访问测试
打开 https://weather.womeifei.cn,检查项目是否正常加载