win10系统下,webpack+vue2+vue-cli项目,手机端访问项目爬坑

1. 配置 package.json文件

   "dev": "webpack-dev-server --host 192.168.2.143 --inline --progress --config build/webpack.dev.conf.js",

   192.168.2.143设置为 ipconfig查看到的IPv4地址 即可
2. 配置config下的index.js文件

   module.exports = {
     dev: {
   
       // Paths
       assetsSubDirectory: 'static',
       assetsPublicPath: '/',
       proxyTable: {},
   
       // Various Dev Server settings
       host: '0.0.0.0', //或者本机IP can be overwritten by process.env.HOST
       port: 8080,

   
   
3. 关闭防火墙,以及设置允许通过的应用
   
4. 手机端和电脑连接同一WIFI,访问IP地址+端口,这个时候应该可以访问了,如果还不能访问,请查看手机是否安装了屏蔽浏览器广告之类的软件,有的话卸载或者关闭,我是直接卸载就可以了参考这个问题,感谢.
   
5. 这样基本完成了,记得修改完成后,重新运行

   npm run dev

   重新跑一边项目
   以后有问题再补充,谢谢