同一个域名,如何添加多个网站?

话不多说,直接进入主题,有三种方法,分别是:

1.子目录部署。

2.子域名绑定。

3.Nginx反向代理。

下面我将一一详细介绍三种区别和用法。(其实我个人比较推荐前两种)

第一种方法:使用子目录部署多个网站
适用场景:想通过同一个域名访问多个部署的项目,例如:
https://www.example.com/
https://www.example.com/CSDN
https://www.example.com/alibaba
  1. 创建主网站

    • 登录宝塔 → 【网站】→【添加站点】
    • 添加域名 www.example.com
    • 根目录设为 /www/wwwroot/example
  2. 上传多个项目

    • 将不同项目分别放在子目录中,例如:
      • 主页: /www/wwwroot/example/index.php
      • CSDN: /www/wwwroot/example/CSDN/index.php
      • 阿里巴巴:/www/wwwroot/example/alibaba/index.php
  3. 配置伪静态(可选)

    • 若有URL重写需求(如ThinkPHP),在宝塔中为每个子目录配置伪静态规则。
  4. 访问测试

    • 浏览器输入:
      • http://www.example.com → 主页
      • http://www.example.com/CSDN→ 博客
      • http://www.example.com/alibaba → 阿里巴巴
第二种方法:使用子域名绑定多个网站
适用场景:将不同项目部署为子域名,例如:
https://www.example.com/(主页)
https://CSDN.example.com/(CSDN)
https://alibaba.example.com/(阿里巴巴)
  1. 域名解析

    • 在域名服务商后台添加A记录:
      • @ → 解析到服务器IP(对应 www.example.com
      • blog → 解析到服务器IP(对应 CSDN.example.com
      • admin → 解析到服务器IP(对应 alibaba.example.com
  2. 添加多个站点

    • 登录宝塔 → 【网站】→【添加站点】
    • 分别添加:
      • www.example.com
      • CSDN.example.com
      • alibaba.example.com
    • 每个站点指向各自的网站根目录
  3. 配置SSL证书(可选)

    • 如果启用HTTPS,分别为每个子域名申请或绑定SSL证书
  4. 访问测试

    • 浏览器分别访问不同子域名,即可打开不同网站项目
第三种方法:使用Nginx反向代理部署多个项目
适用场景 :多个项目运行在不同端口,但希望统一通过一个域名访问,例如:
https://example.com/api → 转发到本地9000端口
https://example.com/web → 转发到本地8080端口
  1. 启动多个Web服务

    • 例如:
      • Node.js项目运行在 localhost:3000
      • Python项目运行在 localhost:5000
  2. 添加主站点

    • 创建站点:example.com
    • 不需要上传网页文件
  3. 开启反向代理

    • 登录宝塔 → 【网站】→【设置】→【反向代理】
    • 添加代理规则:
      • 名称:API代理

      • 目标URL:http://127.0.0.1:3000

      • 发送域名:$host

      • 高级设置中添加规则: nginx

        location /api { ``proxy_pass http://127.0.0.1:3000; }

  4. 添加第二个代理(如需)

    • 类似地添加 /web 路径代理到其他端口
  5. 访问测试

    • 浏览器访问:
      • http://example.com/api → Node.js项目
      • http://example.com/web → Python项目

有什么疑问的欢迎留言交流哈!~~~

相关推荐
Zha0Zhun12 分钟前
一个使用ViewBinding封装的Dialog
前端
兆子龙12 分钟前
从微信小程序 data-id 到 React 列表性能优化:少用闭包,多用 data-*
前端
滕青山13 分钟前
文本行过滤/筛选 在线工具核心JS实现
前端·javascript·vue.js
时光不负努力15 分钟前
编程常用模式集合
前端·javascript·typescript
恋猫de小郭22 分钟前
Apple 的 ANE 被挖掘,AI 硬件公开,宣传的 38 TOPS 居然是"数字游戏"?
前端·人工智能·ios
小岛前端26 分钟前
Node.js 宣布重大调整,运行十年的规则要改了!
前端·node.js
OpenTiny社区27 分钟前
OpenTiny NEXT-SDK 重磅发布:四步把你的前端应用变成智能应用
前端·javascript·ai编程
梦想CAD控件43 分钟前
在线CAD开发包结构与功能说明
前端·javascript·vue.js
张拭心1 小时前
春节后,有些公司明确要求 AI 经验了
android·前端·人工智能
时光不负努力1 小时前
typescript常用的dom 元素类型
前端·typescript