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

1 前言

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

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

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

2 手把手步驟

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

配置完后，需要一會(huì)才生效，以ping通這個(gè)域名為通過標(biāo)準(zhǔn)；

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

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

如下圖所示：

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

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

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

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

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

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

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

Q&A

配置完未重啟nginx服務(wù)，報(bào)錯(cuò)樣例：

nginx配置中的server_name不正確，報(bào)錯(cuò)樣例：

/var/www/未創(chuàng)建對(duì)應(yīng)的站點(diǎn)，報(bào)錯(cuò)樣例：

域名解析未配置，報(bào)錯(cuò)樣例

3 更多分享

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

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

審核編輯 黃昊宇