vue的脚手架项目是用webpack构建的本地服务环境,如何在手机上访问?

一:打开项目的package.json文件,修改里面的script里面的dev

"scripts": {

    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 192.168.100.119",//就是在原有的基础上在后面加上了 --host 192.168.100.119 就是自己的电脑IP;"start": "npm run dev",

    "build": "node build/build.js" 

 },

*如果不知道自己的电脑ip,可以打开cmd控制台,输入ipconfig,就可以获取到自己的电脑ip;

二:修改好了之后本地电脑访问要把之前网址的localhost换成自己的电脑ip地址;

三:关闭自己的电脑防火墙

*重新启动该项目*

/*有一点好处  编译器修改后 手机上同样也会及时同步的 不错,*/


: 控制面板-->系统和安全-->window防火墙-->

你可能感兴趣的:(vue的脚手架项目是用webpack构建的本地服务环境,如何在手机上访问?)