webstorm设置测试服务器 -- 局域网内其他设备访问（localhost变更为ip地址查看）

最新推荐文章于 2023-11-01 18:35:50 发布
最新推荐文章于 2023-11-01 18:35:50 发布
阅读量1.1k 收藏 2
点赞数
分类专栏： WebStorm 文章标签： webstorm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tiny_sxf/article/details/115753404
版权
本文介绍了如何将WebStorm设置为本地服务器，以便在局域网内的其他设备上通过IP地址查看移动端开发页面。通过查看本机IP地址，更改WebStorm的端口设置为8081，并启用外部连接，然后配置部署规则，设置本地文件夹路径和访问路径，实现其他设备通过IP:8081访问。
摘要由CSDN通过智能技术生成

一、为什么设置成服务器，用IP地址查看？

 移动端的开发页面想要在手机端查看，使用localhost是无法查看的只有使用IP地址才可以通过本机IP访问该页面，查看页面效果

二、设置方法

1、查看本机 IP 地址

调出cmd命令行，输入ipconfig ，获取本机ip地址：192.168.1.100

2、设置 webstorm 选项

① 弹出设置选项卡 : File ->Settings...

② 端口更改和允许外部：更改端口号“63342”为“8081”，并“√”可以接受外部链接，如下

③ 在部署中增加一条规则

最低0.47元/天 解锁文章
晓时不眠
关注
专栏目录
WebStorm设置手机测试服务器-局域网内其他设备访问
babulongbo的博客
08-24 776
1、端口更改和允许外部：更改端口号“63342”为“8088”，并“√”可以接受外部链接，如下 **Allow unsigned requests一定要打勾，否则手机不能访问，一直会出现 you can copy URL and open it in browser to trust it…. ** 2、在部署中增加一条规则(设置规则名称和方式) 3.设置文件地址（前端页面本地文件
WebStorm 预览时把浏览器地址localhost 改成IP
weixin_30794499的博客
09-15 902
最近在使用WebStorm时，预览网页时地址总是显示的 http://localhost:63342/...，如果要调试其它设备感觉很不方法，此时肯定首先想到的亲爱的度娘，但是貌似没有真正很解决问题的（可能是我搜索方法不对）。最后偶然发现以下的一个设置方法。 设置的前提是你此前就能直接用本机IP地址访问到网页，我的是以前就配置好了Apache相关设置的。 我的WebStorm是 10.0.3...
利用WebStorm设置服务器-局域网内其他设备访问
weixin_45785873的博客
05-09 2465
利用WebStorm进行手机真机调试，只需几步就，能在其他设备中查看，我们做的页面是否存在一些让人头疼的兼容性问题，我们再也不需要把项目上传到服务器，才能看到效果。 ..
WebStorm设置服务器-局域网内其他设备访问
cxu123321的博客
09-03 1026
WebStorm设置服务器-局域网内其他设备访问（移动端手机访问测试等） 我在网上找了很多教程，都写得不够全面，另外我用的是最新版本的webstorm 2017.1，有一些地方配置在老版本上也做了一些修改，所以我决定自己整理一份教程供大家参考. 1.首先需要允许你的服务被外部访问 File->settings->Debugger->port:8080->勾选 can accept external connections –>apply Vue中配置一下本地ip地址
最新版WebStorm设置服务器-局域网内其他设备访问（移动端手机访问测试等）
前端kk的博客
12-19 2544
最新版WebStorm设置服务器-局域网内其他设备访问（移动端手机访问测试等）
webstorm局域网ip访问html
Aimee的博客
09-22 1580
webstorm编辑器启动html，使之能在局域网访问
WebStorm设置本机IP访问页面
lihefei_coder的博客
03-23 2039
在WebStorm工具开发手机页面过程中，需要在设置里修改配置，手机才能通过IP访问页面测试效果。修改方式：1.菜单栏依次打开设置面板 : File > Settings > Build,Execution,Deployment > Debugger，或按快捷键ctrl+alt+s2.端口改成4位数，勾选复选框，保存设置后即可通过IP正常访问页面。
WebStorm设置服务器-局域网内其他设备访问（移动端手机访问测试等）
热门推荐
移动开发砖家-扫地僧
04-20 2万+
我在网上找了很多教程，都写得不够全面，另外我用的是最新版本的webstorm 2017.1，有一些地方配置在老版本上也做了一些修改，所以我决定自己整理一份教程供大家参考
(vue.js)nuxt.js:IP端口/局域网配置
11-01
1、nuxt.js/vue.js安装与运行 2、Ip端口冲突解决 3、IP端口/局域网配置 4、运行[WebStorm]]的配置
tomcat 配置 、常见问题 、webstorm上的部署 和 易于程序调试的方法
hxc2101的博客
03-03 317
常规配置教程： https://blog.csdn.net/Cuixinyang19_/article/details/79570117 windows 与linux出现 Neither the JAVA_HOME nor the JRE_HOME environment variable is defined： https://blog.csdn.net/john_hongming/...
将webstorm上的前端项目上传至局域网
weixin_57330921的博客
03-28 858
1.下载并运行tomcat tomcat官网地址：Apache Tomcat® - Welcome! 2、设置 webstorm 选项 （1）点击settings （2）更改端口号勾选允许外部链接访问 更改之后点击apply （3）部署服务器 点击Deployment => + => Local or mounted folder 输入名字并点击ok 之后点击Mappings 设置完之后点击Apply，点击OK 3.上传 配置完成之后，点...
移动设备访问本地localhost
qq_45600228的博客
11-01 1345
移动设备访问本地localhost
webstorm ip地址访问
aileen5150的博客
06-21 2410
使用webstorm run dev时发现只能通过localhost：port访问页面，查询网上解决办法均无法通过ip：port访问页面，网上的解决办法归纳如下，不知道是不是版本不一样的问题：1、方法1 run->run->edit configurations->在arguments 中增加--host 0.0.0.0，按照此办法设置后未能通过ip访问页面2、方法2 file-...
WEBSTORM-localhost变更为ip地址查看
前端
02-12 3099
localhost变更为ip地址原因 移动端的开发页面想要在手机端查看，使用localhost是无法查看的只有使用IP地址才可以通过本机IP访问该页面，查看页面效果 变更方法 查看本机 IP 地址 调出cmd命令行，输入cmd按enter键 输入ipconfig 获取本机ip地址：192.168.0.41 设置 webstorm 选项 弹出设置选项卡 设置端口号，选择debugger 需要...
webstorm无法访问此网站 localhost 拒绝了连接请求
一个程序媛的成长记录❤
09-27 8305
昨天还可以打开，今天突然报错。 解决方法如下： 1.单击左上角菜单栏 File 2.找到 Settings 3.选择 Build Execution, Deployment 4.找到Debugger 换一个端口port 再试一次~就可以了~...
webstorm真机调试
Ma_jiao的博客
07-22 1万+
webstorm设置： 端口号可自定义，不冲突就行 浏览器设置： 确保电脑和手机处在同一局域网内（电脑给手机开热点或者手机给电脑开热点） 1、先找到自己的IP地址 2、执行程序（chrome浏览器） 把localhost改为ip地址就可以啦 点它，手机扫一下就ok了 ...
localhost改ip访问
csdn_4399的博客
09-04 1308
所需文件 1、applicationhosty.config放置在发布项目根目录下或其他目录，里面主要配置站点名称以及IP和端口，只要在start.bat里面配置正确的路径即可。 2、管理员打开命令窗口执行netsh命令。 3、start.bat放在IIS目录下，如：C:\Program Files\IIS Express 文件内容 applicationhosty.config <?xml version="1.0" encoding="UTF-8"?> <!-- IIS c
解决webstorm本地IP访问页面出错的问题,webstorm支持IP访问
dearbaba_8520的博客
06-15 225
解决webstorm本地IP访问页面出错的问题,webstorm支持IP访问
webstorm如何使用cherry-pick
最新发布
03-16
在WebStorm中使用cherry-pick命令可以将一个或多个提交从一个分支应用到另一个分支。下面是使用cherry-pick的步骤： 1. 打开WebStorm并导航到你的项目。 2. 确保你当前所在的分支是要应用提交的目标分支。 3. 打开终端窗口（Terminal）。 4. 输入以下命令来查看可用的提交记录： ``` git log ``` 这将显示所有提交的历史记录，复制你要应用的提交的哈希值。 5. 输入以下命令来应用单个提交： ``` git cherry-pick <commit-hash> ``` 将`<commit-hash>`替换为你要应用的提交的哈希值。 如果你要应用多个提交，可以按照以下格式输入多个哈希值： ``` git cherry-pick <commit-hash1> <commit-hash2> ... ``` 6. Git会尝试将选定的提交应用到当前分支。如果没有冲突，它会自动应用提交。如果有冲突，你需要手动解决冲突并继续应用提交。 7. 完成cherry-pick后，可以使用以下命令将更改推送到远程仓库： ``` git push origin <branch-name> ``` 将`<branch-name>`替换为你要推送更改的分支名称。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值