通过IP地址访问前端Vue项目

在package.json文件的图示那一行添加’’–host 0.0.0.0

第一步：打开运行框windows+r cmd 输入ipconfig 找到ipv4地址 例如192.168.0.1

第二步:修改vue项目下config里面的index.js文件中host值为ip地址 重启项目运行

浏览器输入ip加端口访问

出现问题：自己电脑可以访问，手机不能访问 前提同一wifi下 ip地址没有错

解决方案：关闭电脑防火墙！！！

在开发中，为了让同一局域网的小伙伴，都可以通过IP地址访问到vue-cli搭建的项目，要怎么配置呢?

第一步：修改config文件中找到 index.js 文件的host改成 ‘0.0.0.0’

第二步：检查 package.json 文件里进行配置，scripts.dev配置是否设置 host为‘0.0.0.0’

第三步：查看开发机的ip地址，并告诉给其他小伙伴，别忘了端口

第四步：如果通过IP还不能访问，最好是关闭开发机的防火墙，如果你不怕麻烦也可添加放行端口