笔记：环境 - 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,
          },
        },
      }
      复制代码