1 前言

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

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

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

2 手把手步驟

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

配置完后，需要一會(huì)才生效，以ping通這個(gè)域名為通過(guò)標(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)聽(tīng)，/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)聽(tīng)是否正常；

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

以上步驟都成功后，試試你的域名跳轉(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倉(cāng)庫(kù)01workstation，日常分享一些開(kāi)發(fā)筆記和項(xiàng)目實(shí)戰(zhàn)，歡迎指正問(wèn)題。

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

審核編輯 黃昊宇