笔记：环境 - Mac配置Host域名映射

2019-02-13 12,573 阅读1分钟

配置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,
    },
  },
}