配置iis并通过手机访问调试项目
今天写一下配置iis并通过自己手机调试项目的过程:
前提条件: VS code编辑器、win10系统、已有可测试的项目
启用Windows功能 点击控制面板 》程序 》 启用或关闭 Windows 功能,并将下图中绿色复选框选项勾中为 √ 状态(√ 状态为全选),勾选完成后点击确定,等待安装完成。 安装完成后再次点击控制面板 》防火墙 》关闭防火墙 》返回上一层 》管理工具 》IIS 管理器(第一项) 接下来打开浏览器,在浏览器中输入 locallhost 即可看到以下画面:
在 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,页面成功渲染到手机浏览器了。 成功了,接下来可以在手机上直接的测试自己的项目了。