WebStorm 预览时把浏览器地址localhost 改成IP

时间:2022-06-14 18:06:51

最近在使用WebStorm时,预览网页时地址总是显示的 http://localhost:63342/... ,如果要调试其它设备感觉很不方法,此时肯定首先想到的亲爱的度娘,但是貌似没有真正很解决问题的(可能是我搜索方法不对)。最后偶然发现以下的一个设置方法。

设置的前提是你此前就能直接用本机IP地址访问到网页,我的是以前就配置好了Apache相关设置的。

我的WebStorm是 10.0.3版本,不过我想webstorm的设置应该是差不多的吧。看图说话:

1、当我直接用WebStorm预览网页时

WebStorm 预览时把浏览器地址localhost 改成IP

得到的直接预览地址是:

WebStorm 预览时把浏览器地址localhost 改成IP

可以通过 File --> Setting,搜索 deployment 点击 + 号

WebStorm 预览时把浏览器地址localhost 改成IP

然后输入一个名称,选择:Local or mounted folder,点击 OK

WebStorm 预览时把浏览器地址localhost 改成IP

接下来选择你的本地项目路径,我的是在E:\ ,输入你的本机IP,选择 Mappings 标签 设置红框里的本地项目路径,最后点击 OK

WebStorm 预览时把浏览器地址localhost 改成IP

WebStorm 预览时把浏览器地址localhost 改成IP

再次用WebStorm预览

WebStorm 预览时把浏览器地址localhost 改成IP

我们可以看到浏览器地址栏的地址已经是IP了

WebStorm 预览时把浏览器地址localhost 改成IP