筆記：環境 - Mac配置Host域名對映

配置Host

由於最近工作需要用到域名測試，所以便尋找一下配置域名的方法

• 原理

  將本地127.0.0.1的ip地址通過對映的方式到xxxx.com

• 方法

  • 配置host

    開啟終端/iTerm

    sudo vim /etc/hosts

    新增一行

    127.0.0.1 test.config.host.com
    複製程式碼

    ps: 輸入i進入編輯模式，修改好按esc後輸入:q退出

  • 之後可以輸入test.config.host.com測試你的域名是否配置成功

• 專案實踐

  環境： vue-cli3 + vue

  由於預設的vue的啟動埠是6001所以需要對映預設80埠，本人採取的方法是利用pf對映埠

  • 對映埠

    • 在/etc/pf.anchors/新增mygitlab檔案

    • 修改mygitlab檔案

      rdr pass on lo0 inet proto tcp from any to 127.0.0.1 port 80 -> 127.0.0.1 port 6001
      複製程式碼

    • 新增anchors/mygitlab至pf配置

      load anchor "mygitlab" from "/etc/pf.anchors/myggitlab"
      複製程式碼

    • 啟動

      sudo pfctl -evf /etc/pf.anchors/mygitlab
      複製程式碼

    • 啟動pf

      sudo pfctl -e

    • 關閉pf

      sudo pfctl -d

    啟動完後你就對映成功了

• 報錯

  • 如果你開啟瀏覽器遇到報錯資訊Invalid host header

    • 在根目錄下新建vue.config.js

      // vue.config.js
      module.exports = {
        configureWebpack: {
          devServer: {
            disableHostCheck: true,
          },
        },
      }
      複製程式碼