筆記：環境 - 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,
          },
        },
      }
      複製代碼