更新，滚动到文章最下方，查看最新的解决方法

前言

笔者开发时，使用了vue-cli，运行npm run dev命令行时会自动打开浏览器，一时好奇进入了解下，并且默认的是打开http:// localhost:端口/，当我想用手机设备去访问时，访问地址得是http:// IP地址:端口的形式，因此把node自动打开浏览器的地址修改后就方便多了(无论是复制粘贴还是啥的……)。

opn模块, 自动打开浏览器

首先，从package.json中找到dev对应的脚本，运行了build/dev-server.js文件。

该文件使用了opn模块去打开浏览器

os模块，获取ip地址

找到了打开浏览器的代码后，我们就需要引入os模块获取本地ip地址，替换静态的localhost。
在dev-server分别加上这两段代码(修改)：

  var os = require('os')

  var lacalhost = ''
  try {
    var network = os.networkInterfaces()
    localhost = network[Object.keys(network)[0]][1].address
  } catch (e) {
    localhost = 'localhost';
  }
  var uri = 'http://' + localhost + ':' + port

完成

至此就大功告成了，当然只是在windows下用过，mac没有测试！
修改前：

Paste_Image.png

修改后：

更新（2017-12-26）

分割线上方的教程不需在看，可以使用一个npm包直接获取ip,address

$ npm i address -D

打开build/dev-server.js,引入address

...
var address = require('address')
...

然后在文件下方修改成以下代码即可

image.png