笔记:环境 - 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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值