【手把手教程】如何快速實現(xiàn)任意自定義域名的網(wǎng)頁跳轉(zhuǎn)

1 前言

之前我寫過一篇博文介紹 如何配置任何自定義域名的網(wǎng)頁跳轉(zhuǎn)，里面講到了背后的核心原理，及一些實操的步驟，可是最近有童鞋跟我反應(yīng)，內(nèi)容實在太長了，不易上手。

于是，我把那些核心步驟再抽出來，形成了本教程。

大家可以結(jié)合之前的 文章 和本文，配合操作；注意，本文著重的是實操，具體的底層原理還得看 原來的文章。

2 手把手步驟

在對應(yīng)的DNS服務(wù)器（比如華為云）上配置所需要的跳轉(zhuǎn)的域名，比如 bilibili.recan-li.cn

配置完后，需要一會才生效，以ping通這個域名為通過標準；

【需要root權(quán)限配置】在nginx配置server_name，新增一個 /etc/nginx/conf.d/00x-xxx.conf

在00x-xxx.conf中配置好 server_name和localhost-port；這個server_name就填step1里面配置的server_name

如下圖所示：

【需要root權(quán)限配置】配置apache2的端口監(jiān)聽，/etc/apache2/ports.conf，如下圖所示：

【需要root權(quán)限配置】配置apache2的可用主機信息，/etc/apache2/sites-available，可以從已有的配置拷貝一份再修改，主要修改2個地方，一個是端口號（與step3保持對應(yīng)），一個是html文件路徑（建議與域名的名稱保持一致），如下圖所示：

【需要root權(quán)限】配置apache2的enabled站點，在 /etc/apache2/sites-enabled 建立軟連接，將站點指向step4創(chuàng)建的available站點，如下圖所示：-------------> 【此步驟最容易忘記?。?！】

創(chuàng)建站點對應(yīng)的存放目錄 /var/www/xxx/html，并在該目錄下生成一個index.html，該文件可以從其他可用的配置里面拷貝一份，再修改，如下圖所示：

【需要root權(quán)限】重啟nginx服務(wù)，sudo /etc/init.d/nginx restart，確認下端口監(jiān)聽是否正常；

【需要root權(quán)限】重啟apache2服務(wù)：sudo /etc/init.d/apache2 restart，確認下端口監(jiān)聽是否正常：

以上步驟都成功后，試試你的域名跳轉(zhuǎn)把！ http://bilibili.recan-li.cn 【注意：別帶S哦！】

Q&A

配置完未重啟nginx服務(wù)，報錯樣例：

nginx配置中的server_name不正確，報錯樣例：

/var/www/未創(chuàng)建對應(yīng)的站點，報錯樣例：

域名解析未配置，報錯樣例

3 更多分享

歡迎關(guān)注我的github倉庫01workstation，日常分享一些開發(fā)筆記和項目實戰(zhàn)，歡迎指正問題。

同時也非常歡迎關(guān)注我的專欄，有問題的話，可以跟我討論，知無不答，謝謝大家。

審核編輯 黃昊宇