iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 17
0
自我挑戰組

網頁工程師在windows上的求生秘訣系列 第 17

將localhost變成自己喜歡的網址(簡易hosts設定)

  • 分享至 

  • xImage
  •  

在一般網頁開發中,為求方便,通常測試的瀏覽器跟正在開發的程式碼會放出現在同一台電腦中
在開發時,就會直接在網址列上打 '127.0.0.1:3000' 等等的localhost的網址,但有時候,因為開發的功能因素,會需要有特定的網址才有辦法運行的服務(例如跨網域的cookies存取),這時,就需要將127.0.0.1:3000變成特定的網址的功能了

在這邊介紹兩種可以做到這種功能的做法

修改windows的hosts檔

在windows中,本身就有提供自動將網址跟ip做match的功能
要設定這個內容,首先要先找到這個檔案

C:\Windows\System32\drivers\etc\hosts

這個檔案是沒有附檔名的,接著,將這個檔案先複製到桌面,並且用記事本將她打開,會看到以下內容

解釋一下要怎麼設定
在左邊的是你希望要maping的ip位置,右邊是你希望網址列出現的內容
比如,你想將127.0.0.1變成dev.web.com
那就在這個檔案中打上,在ip跟網址中間至少要有一個空白鍵

127.0.0.1 dev.web.com

這樣,當你在localhost中開啟一個80 port的網頁,就可以直接輸入http://dev.web.com/就可以直接看到你設定好的網頁了

但透過這個方式,只能轉換到ip的80port,有時候如果有兩三個網頁要這個服務,就沒有辦法做到,因此明天會介紹透過nginx來轉換port的方法,那我們就明天見~~


上一篇
你所不知道的google小技巧(二)
下一篇
將localhost變成自己喜歡的網址(nginx設定)
系列文
網頁工程師在windows上的求生秘訣30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言