EasyDSS高性能流媒体服务器前端重构(六)- webpack-dev-server 支持手机端访问

阅读：872 2019-03-20 16:46:04 来源：新网

很多时候,前端开发的页面,不仅要在pc端测试效果,还要在手机端测试效果.在开发阶段,我们以webpack-dev-server来启动浏览器,打开正在开发的页面.webpack-dev-server可以做到实时监听文件修改,自动更新浏览器中的网页,一旦代码发生修改,无须人工干预,页面就同步到最新状态.但是webpack-dev-server的默认配置,不充许本机以外的设备访问开发页面,这个时候,当我们用手机通过局域网ip来访问页面时,连接不上.于是,去官网文档里寻找解决之道.webpack的官网文档给我的印象是乱乱的,和其他一些内容混在一块.

这里,我记录下webpack-dev-server开启手机内网访问页面的配置过程.一来给自己留个记录;二来,方便大家搜索,在官网文档以外的地方,很快的搜到这个问题的答案.

要让webpack-dev-server支持手机端通过内网ip访问,只需要在webpack.config.js中添加如下配置段:

...devserver:{host:'0.0.0.0',uselocalip:true,open:true,openpage:"",proxy:{"*":{target:'http://xxx',secure:false}}},...

关键的配置属性:

host配置成‘0.0.0.0’,充许本机以外的设备访问

uselocaliptrue,将以内网ip为http地址信息打开浏览器,不用敲cmdipinfo去查内网ip了

通过以上配置,直接在命令行敲webpack-dev-server将打开的浏览器地址栏地址发送到手机上,就可以从手机访问测试页面了.当然,手机和pc需在同一局域网内哦.

easydss商用流媒体服务器解决方案是一套集流媒体点播、转码与管理、直播、录像、检索、时移回看于一体的一套完整的商用流媒体服务器解决方案，easydss高性能rtmp流媒体服务器支持rtmp推流，同步输出http、rtmp、hls、http-flv，支持推流分发/拉流分发，支持秒开、gop缓冲、录像、检索、回放、录像下载、网页管理等多种功能，是目前市面上最合理的一款商用流媒体服务器！

EasyDSS高性能流媒体服务器前端重构(六)- webpack-dev-server 支持手机端访问

分享