在移动开发过程中,有时需要使用域名访问(如微信web开发)本地ip地址服务,或者使用域名访问本地ip地址服务等。这时候可以修改host来实现。1.修改host文件在命令终端,使用root用户修改host文件。域名使用root用户打开/etc/hosts主机文件进行修改。添加ip和对应的域名$sudovi/etc/hosts127.0.0.1localhost127.0.0.1zhangguoyedeMacBook-Pro.local255.255.255.255broadcasthost::1localhost::1zhangguoyedeMacBook-Pro.local#在这里添加ip和对应域名并保存退出#(这里假设你设置本机ip为127.0.0.1,访问域名为guoye.com)127.0.0.1guoye.com2。通过域名访问项目现在可以访问你设置的浏览器域名guoye.com和直接通过ip访问127.0.0.1的内容是一致的。通常你的项目会加上端口号,域名也需要加上端口号,比如http://guoye.com:42013。vue(InvalidHostheader)在vue项目开发的时候,直接通过ip地址访问是正常的,但是通过上面的主机域名访问方式,浏览器会显示一条文字:InvalidHostheader。这是因为出于安全原因,新版本的webpack-dev-server默认会检查主机名。如果未配置主机名,访问将被中断。解决方法:在vue.config.js的devServer配置文件中添加disableHostCheck:truedevServer:{port:4201,//端口配置proxy:{//代理配置},disableHostCheck:true,//这是新版本的原因webpack-出于安全原因,dev-server默认检查主机名。如果未配置主机名,访问将被中断。}4.当移动端也通过域名和移动开发访问时,可以使用Charles软件作为代理。此时移动端也可以通过域名访问本地电脑的应用。Charles的使用方法,详见相关博文。
