webpack起的项目怎么用手机访问?

默认情况下 webpack-dev-server只能通过 localhost 访问

如果需要通过 ip 地址访问，修改 npm 配置文件中的 scripts 属性中对应的启动脚本

例如 start 或 dev 项，在配置项后面添加 --host 192.168.3.136(本地局域网IP地址)

 

"scripts": {
    "serve:dev": "webpack-dev-server --open --env dev --host 192.168.3.136",
    "start": "npm run serve:dev",
  },

 

然后, 将手机连入同一个局域网, 输入host的ip即可在手机上访问该项目

 

------------------------------------------------------------这是一条分割线----------------------------------------------------------------------------

如果加上 --host 0.0.0.0 ;

则本地既可以用本地ipv4地址访问, 还可以用localhost访问 ;

感谢杜明明的技术支持