🇨🇳背景:作为一个web前端开发工程师,有时我们写了一个简单的html文件,需要在移动端实时调试看效果,亦或是需要访问打包后的dist文件里面的index.html文件

🇨🇳解决:这个时候我们就需要在本地启动一个web服务器,让手机也可以访问

🇨🇳具体步骤

1、mac系统:Apple M1 芯片的 macOS 系统自带python,所以使用 Python:

1、进入你需要预览页面的目录:

cd path/to/your/project/dist

2、启动 Python 的简单 HTTP 服务器:

python3 -m http.server 8080

3、pc浏览器访问:打开浏览器,访问 http://localhost:8080 或者是命令行输出中的指定端口

4、手机浏览器访问:让手机和电脑连接同一个局域网,获取到电脑的ip地址,在手机端输入http:10.100.44.135:8000,10.100.44.135为你电脑的本地ip地址,即可在手机上访问你的页面了

2、windows系统:使用本地的 HTTP 服务器:

1、安装 http-server(如果尚未安装):

npm install -g http-server

2、进入你需要预览页面的目录:

cd path/to/your/project/dist

3、启动本地服务器

http-server
Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐