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

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

 

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

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

打开后我们可以找到IPv4 这个就是我们当前的局域网

 

我们把它填写进我们的 config/index.js文件

 

添加好后 我们再找到package.json文件 在dev处添加--host 0.0.0.0

 

然后我们再npm run dev 这时我们就可以看到我们可以通过局域网去访问我们的vue项目了 ，这时用手机在地址栏输入局域网就可以了。