修改vue2.0的端口,vue项目的真机调试

在某些时候,我们vue默认的端口会与其他服务器端口重复,此时我们需要修改vue端口,我用的是vue+webpack开发的,因此我们可以找到vue文件下的config文件夹,再找到index.js文件,我们找到port会看到它后面跟随了8080,此时我们把8080修改为我们想要修改的端口号就行

修改vue2.0的端口,vue项目的真机调试_第1张图片

 

在我们完成项目的时候,想用真机来测试vue项目时,我们需要保证当前电脑和手机使用同一个局域网(连接同一个wifi等),

我们先查找当前局域网    window下我们打开cmd 输入 ipconfig  如果是linux系统的话 就输入ifconfig  

打开后我们可以找到IPv4 这个就是我们当前的局域网修改vue2.0的端口,vue项目的真机调试_第2张图片

 

我们把它填写进我们的 config/index.js文件修改vue2.0的端口,vue项目的真机调试_第3张图片

 

添加好后 我们再找到package.json文件 在dev处添加--host 0.0.0.0修改vue2.0的端口,vue项目的真机调试_第4张图片

 

然后我们再npm run dev 这时我们就可以看到我们可以通过局域网去访问我们的vue项目了 ,这时用手机在地址栏输入局域网就可以了。修改vue2.0的端口,vue项目的真机调试_第5张图片

你可能感兴趣的:(修改vue2.0的端口,vue项目的真机调试)