1 前言
之前我寫過一篇博文介紹 如何配置任何自定義域名的網頁跳轉,里面講到了背后的核心原理,及一些實操的步驟,可是最近有童鞋跟我反應,內容實在太長了,不易上手。
于是,我把那些核心步驟再抽出來,形成了本教程。
大家可以結合之前的 文章 和本文,配合操作;注意,本文著重的是實操,具體的底層原理還得看 原來的文章。
2 手把手步驟
在對應的DNS服務器(比如華為云)上配置所需要的跳轉的域名,比如 bilibili.recan-li.cn
![image-20220331101440764](https://file.elecfans.com//web2/M00/52/35/pYYBAGLKzsWAdrnrAAAgdFE7qoo825.png)
配置完后,需要一會才生效,以ping通這個域名為通過標準;
![image-20220331101540066](https://file.elecfans.com//web2/M00/51/99/poYBAGLKzsaACm2cAABCtZ6XE48396.png)
【需要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](https://file.elecfans.com//web2/M00/52/35/pYYBAGLKzseAY_GQAAA1K0SQdEg417.png)
【需要root權限配置】配置apache2的端口監聽,/etc/apache2/ports.conf,如下圖所示:
![image-20220331101911307](https://file.elecfans.com//web2/M00/51/99/poYBAGLKzsiAQutoAAApmnSeBHU420.png)
【需要root權限配置】配置apache2的可用主機信息,/etc/apache2/sites-available,可以從已有的配置拷貝一份再修改,主要修改2個地方,一個是端口號(與step3保持對應),一個是html文件路徑(建議與域名的名稱保持一致),如下圖所示:
![image-20220331102257976](https://file.elecfans.com//web2/M00/52/35/pYYBAGLKzsmAN3KVAABwyiGmCgA578.png)
【需要root權限】配置apache2的enabled站點,在 /etc/apache2/sites-enabled 建立軟連接,將站點指向step4創建的available站點,如下圖所示:-------------> 【此步驟最容易忘記!!!】
![image-20220331103838909](https://file.elecfans.com//web2/M00/51/99/poYBAGLKzsmAAuQOAABEXtZv-kE199.png)
創建站點對應的存放目錄 /var/www/xxx/html,并在該目錄下生成一個index.html,該文件可以從其他可用的配置里面拷貝一份,再修改,如下圖所示:
![image-20220331102816079](https://file.elecfans.com//web2/M00/52/35/pYYBAGLKzsqAL_2TAAAxqzR3Vok098.png)
![image-20220331103002010](https://file.elecfans.com//web2/M00/51/99/poYBAGLKzsuAXe_qAABGSlos1_A468.png)
【需要root權限】重啟nginx服務,sudo /etc/init.d/nginx restart,確認下端口監聽是否正常;
![image-20220331105110009](https://file.elecfans.com//web2/M00/52/35/pYYBAGLKzsyARUrOAABqvtaT1s0918.png)
【需要root權限】重啟apache2服務:sudo /etc/init.d/apache2 restart,確認下端口監聽是否正常:
![image-20220331103217734](https://file.elecfans.com//web2/M00/51/99/poYBAGLKzs2AFbfiAABCepeq3wk976.png)
以上步驟都成功后,試試你的域名跳轉把! http://bilibili.recan-li.cn 【注意:別帶S哦!】
![image-20220331110842449](https://file.elecfans.com//web2/M00/52/35/pYYBAGLKzs-AXq8RAAW9Mt_VoaA074.png)
Q&A
配置完未重啟nginx服務,報錯樣例:
![image-20220331105226776](https://file.elecfans.com//web2/M00/52/35/pYYBAGLKzs-AI6bCAACb5qGp4Xw826.png)
nginx配置中的server_name不正確,報錯樣例:
![image-20220331110744375](https://file.elecfans.com//web2/M00/51/99/poYBAGLKztGAdxwkAACalCyPQA4654.png)
/var/www/未創建對應的站點,報錯樣例:
![image-20220401222639687](https://file.elecfans.com//web2/M00/52/35/pYYBAGLKztOAK95hAADiZ5_qOpw568.png)
域名解析未配置,報錯樣例
![image-20220405140804055](https://file.elecfans.com//web2/M00/51/99/poYBAGLKztSAMHq4AACCffoypIs432.png)
![image-20220331105747445](https://file.elecfans.com//web2/M00/52/35/pYYBAGLKztSAHZnlAABpqRQ7y4I424.png)
3 更多分享
歡迎關注我的github倉庫01workstation,日常分享一些開發筆記和項目實戰,歡迎指正問題。
同時也非常歡迎關注我的專欄,有問題的話,可以跟我討論,知無不答,謝謝大家。
審核編輯 黃昊宇
-
域名
+關注
關注
0文章
73瀏覽量
11321 -
DNS
+關注
關注
0文章
219瀏覽量
19888 -
跳轉
+關注
關注
0文章
5瀏覽量
5983
發布評論請先 登錄
相關推薦
評論