H5微信登录,开发过程中需要本地联调,本地环境不支持会导致跨域问题,所以我们需要修改ip映射及端口映射来实现本地联调开发微信登录。
1、ip映射域名,通过修改host文件,自己起一个域名映射到127.0.0.1上
sudo vi /etc/hosts
输入你的密码
i (进入编辑模式)
127.0.0.1 localhost
127.0.0.1 test.test.com (域名可以自定不要与现有的域名冲突即可)
[esc],再输入:wq!保存退出
避免错误,最好是再清除一次浏览器的cache
2、本地开发端口映射
在Mac上,1024以下的端口,我们都无法使用,所以需要通过端口映射的方式,将80端口映射到你需要调试的项目的端口上。
(1) 修改/etc/pf.conf
sudo vim /etc/pf.conf
pf.conf是对顺序强要求的, 所以注意添加的内容放的顺序
rdr-anchor "com.apple/*"
rdr on lo0 inet proto tcp from any to 127.0.0.1 port 80 -> 127.0.0.1 port 8091
(2) lo0 通过ifconfig 看自己那个设备绑定的是127.0.0.1, lo0是这个网络设备的名字。 修改好pf.conf之后执行一下命令,让端口转发生效
sudo pfctl -d
sudo pfctl -f /etc/pf.conf
sudo pfctl -e
重启一下你的项目,用微信开发者工具打开你刚刚映射的http://test.test.com域名即可,Ok enjoy it。