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

转载于:https://juejin.im/post/5c63aeef6fb9a049b5074ede