宝塔搭建外网映射域名项目

外网映射的静态文件 选择 前端包dist 然后 默认文档写index。配置好访问的的端口和访问路径,这样前端和后端项目就在这一个Java项目里配置好了

配置外网映射域名项目

环境准备 确保已安装宝塔面板,并拥有域名解析权限。Java项目需部署在服务器上,前端打包为dist文件夹,后端为Java项目。

域名解析 在域名服务商处添加A记录,将域名指向服务器IP地址。例如,将example.com解析到服务器IP。

宝塔面板配置 登录宝塔面板,进入"网站"模块,点击"添加站点"。填写域名信息(如example.com),选择纯静态模式,根目录指向Java项目的Web目录(如/www/wwwroot/example.com)。

前端部署 将前端打包生成的dist文件夹内容上传至Java项目的Web目录下(如/www/wwwroot/example.com/dist)。确保dist文件夹包含index.html文件。

默认文档设置 在宝塔面板的站点设置中,找到"默认文档"选项。添加index.html并置顶,确保访问域名时优先加载前端页面。

端口与访问路径配置 在Java项目中配置后端API的访问路径(如/api)。确保前端代码中API请求路径与后端一致(如http://example.com/api)。

Nginx反向代理 在宝塔面板的站点设置中,找到"配置文件"选项。添加以下配置,将API请求代理到后端Java服务(假设后端运行在8080端口):

复制代码
location /api {
    proxy_pass http://localhost:80;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
}

静态文件缓存优化 在Nginx配置中添加以下内容,优化静态文件加载:

复制代码
location / {
    try_files $uri $uri/ /index.html;
}

location ~* \.(js|css|png|jpg|jpeg|gif|ico)$ {
    expires 30d;
    add_header Cache-Control "public, no-transform";
}

防火墙与安全组 在宝塔面板的"安全"模块中放行所需端口(如80、443、8080)。如果使用云服务器,还需在云平台安全组中放行相应端口。

HTTPS配置 在宝塔面板的站点设置中,申请SSL证书并强制HTTPS访问。确保前端页面和后端API均通过HTTPS访问。

重启服务 完成配置后,重启Nginx和Java服务使配置生效:

复制代码
systemctl restart nginx

验证访问 通过浏览器访问域名(如https://example.com),确保前端页面正常加载,且后端API可正常调用(如https://example.com/api)。

相关推荐
Inhand陈工2 天前
基于台达PLC与映翰通IG502的智慧水产养殖精准投喂与远程运维解决方案
运维·人工智能·物联网·阿里云·信息与通信
Database_Cool_2 天前
什么是数据仓库物化视图?AnalyticDB MySQL 实时物化视图能力解析
人工智能·mysql·阿里云
Database_Cool_2 天前
大规模数据分析降本指南:AnalyticDB Serverless 弹性架构实战
数据仓库·阿里云·架构·数据分析·serverless
我是小bā吖2 天前
Claude Code 模型接入阿里云 AI 网关并统计不同使用者的模型用量
网络·人工智能·阿里云
翼龙云_cloud2 天前
阿里云国际代理商:如何使用RDS MySQL 构建网站数据库?
数据库·mysql·阿里云
wcy100862 天前
为 CentOS 7.6 (7.6.1810) 配置阿里云 Vault 源
linux·阿里云·centos
Inhand陈工2 天前
污水泵站PLC数据上云实战:西门子PLC + 映翰通IG502 + DM平台全流程
人工智能·物联网·网络安全·阿里云·信息与通信·iot
翼龙云_cloud3 天前
阿里云代理商:如何管理CPFS的POSIX客户端挂载点?
运维·阿里云·云计算·阿里云 cpfs
AI原来如此3 天前
阿里云百炼上线DeepSeek,OpenAI发布GPT-5.5,模型服务战升级
人工智能·gpt·阿里云·ai·大模型·ai编程
啦啦啦~~~3304 天前
【办公软件】开源的PDF合并分割工具!支持PDF拆分、合并、交替混合、页面旋转、提取页面等
阿里云·pdf·电脑·开源软件