前端开发必须要会的:macos启动一个本地web服务器访问本地html文件并在手机上访问html文件
·
🇨🇳背景:作为一个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
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)