【手把手教程】如何快速实现任意自定义的域名的网页跳转


1 前言

之前我写过一篇博文介绍 如何配置任何自定义域名的网页跳转,里面讲到了背后的核心原理,及一些实操的步骤,可是最近有童鞋跟我反应,内容实在太长了,不易上手。

于是,我把那些核心步骤再抽出来,形成了本教程。

大家可以结合之前的 文章 和本文,配合操作;注意,本文着重的是实操,具体的底层原理还得看 原来的文章

2 手把手步骤

  1. 在对应的DNS服务器(比如华为云)上配置所需要的跳转的域名,比如 bilibili.recan-li.cn

    image-20220331101440764

    配置完后,需要一会才生效,以ping通这个域名为通过标准;

    image-20220331101540066

  2. 需要root权限配置】在nginx配置server_name,新增一个 /etc/nginx/conf.d/00x-xxx.conf

    在00x-xxx.conf中配置好 server_name和localhost-port;这个server_name就填step1里面配置的server_name

    如下图所示:

    image-20220331101257454

  3. 需要root权限配置】配置apache2的端口监听,/etc/apache2/ports.conf,如下图所示:

    image-20220331101911307

  4. 需要root权限配置】配置apache2的可用主机信息,/etc/apache2/sites-available,可以从已有的配置拷贝一份再修改,主要修改2个地方,一个是端口号(与step3保持对应),一个是html文件路径(建议与域名的名称保持一致),如下图所示:

    image-20220331102257976

  5. 【需要root权限】配置apache2的enabled站点,在 /etc/apache2/sites-enabled 建立软连接,将站点指向step4创建的available站点,如下图所示:-------------> 【此步骤最容易忘记!!!】

    image-20220331103838909

  6. 创建站点对应的存放目录 /var/www/xxx/html,并在该目录下生成一个index.html,该文件可以从其他可用的配置里面拷贝一份,再修改,如下图所示:

    image-20220331102816079

    image-20220331103002010

  7. 【需要root权限】重启nginx服务,sudo /etc/init.d/nginx restart,确认下端口监听是否正常;

    image-20220331105110009

  8. 【需要root权限】重启apache2服务:sudo /etc/init.d/apache2 restart,确认下端口监听是否正常:

    image-20220331103217734

  9. 以上步骤都成功后,试试你的域名跳转把! http://bilibili.recan-li.cn 【注意:别带S哦!】

    image-20220331110842449

  10. Q&A

    • 配置完未重启nginx服务,报错样例:

      image-20220331105226776

    • nginx配置中的server_name不正确,报错样例:

      image-20220331110744375

    • /var/www/未创建对应的站点,报错样例:

      image-20220401222639687

    • 域名解析未配置,报错样例

      image-20220405140804055

      image-20220331105747445

3 更多分享

欢迎关注我的github仓库01workstation,日常分享一些开发笔记和项目实战,欢迎指正问题。

同时也非常欢迎关注我的CSDN主页和专栏:

【CSDN主页:架构师李肯】

【RT-Thread主页:架构师李肯】

【C/C++语言编程专栏】

【GCC专栏】

【信息安全专栏】

【RT-Thread开发笔记】

【freeRTOS开发笔记】

有问题的话,可以跟我讨论,知无不答,谢谢大家。

  • 1
    点赞
  • 2
    收藏
  • 打赏
    打赏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:博客之星2021 设计师:Hiro_C 返回首页
评论 3

打赏作者

架构师李肯

您的鼓励是我前进的最大动力!

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值