配置IIS并通过手机访问调试项目

配置iis并通过手机访问调试项目


今天写一下配置iis并通过自己手机调试项目的过程:
前提条件: VS code编辑器、win10系统、已有可测试的项目

  1. 启用Windows功能
    点击控制面板 》程序 》 启用或关闭 Windows 功能,并将下图中绿色复选框选项勾中为 √ 状态(√ 状态为全选),勾选完成后点击确定,等待安装完成。
    在这里插入图片描述
    安装完成后再次点击控制面板 》防火墙 》关闭防火墙 》返回上一层 》管理工具 》IIS 管理器(第一项)
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    接下来打开浏览器,在浏览器中输入 locallhost 即可看到以下画面:
    在这里插入图片描述

  2. 在 vs code 编辑器中添加自己的 IP 地址
    打开 vs code 编辑器并打开 package.jons 文件,找到 dev 项,在后面加入自己的 IP 地址:-- host 192.168.1.22
    在这里插入图片描述
    不知道自己 IP 地址的同学键盘按 windows + R 键,然后输入 ipconfig,找到 IPv4 地址 这一项,直接复制后面一串 IP 地址,并粘贴到 vs code 编辑器中的 package.jons 文件里即可。
    在这里插入图片描述
    加入 IP 地址后,重新启动项目:

npm run dev

项目启动完成后,在浏览器中输入:http://192.168.1.22:8080/#/home,点击回车就能看到自己的项目渲染到浏览器了。
在这里插入图片描述
这时拿起手机,确保手机和电脑连接同一个局域网后,打开手机浏览器,输入以上网址:http://192.168.1.22:8080/#/home,页面成功渲染到手机浏览器了。
在这里插入图片描述
成功了,接下来可以在手机上直接的测试自己的项目了。

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值