为了账号安全,请及时绑定邮箱和手机立即绑定

📱 在手机上访问本地项目,无需托管!🚀

标签:
API 移动开发

你有没有想过怎么在手机上访问本地服务器上的网页。今天我们将讨论如何在没有实际托管的情况下在手机上查看同样的网页。

🛠 步骤一:启动 Visual Studio Code

打开 VS Code 并确保你的项目可以运行。

如图所示:图片说明

🚀 第二步:运行本地服务器:

在本地运行你的web项目(例如,使用npm startlive-server等)。

![](https://imgapi.imooc.com/d04a886709c6b4bc08000422.jpg)
![](https://imgapi.imooc.com/2caef06709c6b4bd08000424.jpg)

这两张图片展示了一些有趣的教程内容。

💻 步骤 3:在 VS Code(Visual Studio Code)中打开终端窗口

在顶部菜单中找到终端,或者使用 Ctrl + `(退格键上的反引号)来打开它。

图片描述 这是一张图片,你可以点击查看。

第4步:启用端口转发

点击 VS Code 中的端口,接着选择转发。

图片描述

🔢 步骤五:输入您的端口号码

输入你项目运行的端口(比如 3000、5500 等),然后按回车。

这是一张课程截图

🔗 步骤 6:点击获取临时链接

一旦你转发了端口,就会出现一个临时链接。复制这个链接哦!📋

图片说明
图片说明

📲 第七步:在手机上查看它!

📌 在手机浏览器里打开链接,搞定啦!🎉 现在你就能在手机上看到电脑上的那个网页了。

图片描述 这里可以添加图片描述

⚠️ 重要提示

此链接仅在你的项目正在你的PC的本地主机上运行时才有效,请确保VS Code保持打开,且项目保持运行。✅

就这样,你现在可以在手机上像专业人士一样浏览本地项目了,😎 告诉我这对你有没有用哦!🚀✨

你觉得这有用吗?别忘了❤️和📝留下评论哦~🚀

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

举报

0/150
提交
取消