Vue.js 2+Webpack开发时自动打开Firefox而非Chrome的问题解决

问题场景 #

我在学习《The Ultimate Vue JS 2 Developers Course》的项目2时，碰到了挺闹心的问题：

• 我的系统是Kubuntu 16.04，默认浏览器明明是Chrome，但每次修改项目文件后，Webpack偏要尝试打开我没安装的Firefox
• 手动在Chrome里输入项目URL能正常显示页面，但文件变更后完全没自动刷新的反应

一开始我翻遍了webpack.config.js，压根没找到设置浏览器的地方，一度摸不着头脑。

问题定位与解决方法 #

后来把项目里的几个配置文件（webpack.config.js、webpack-dev-middleware.js、server.js、package.json）都过了一遍，才发现问题出在server.js里的open模块调用上——这个模块默认会读取系统层面的浏览器配置，而不是我们设置的默认Chrome。

具体修改操作 #

找到server.js里调用open的代码，给它加上指定浏览器的参数就行：

原来的代码大概是这样：

require("open")(url);

把它改成：

require("open")(url, { app: 'google-chrome' });

改完之后再启动项目，Webpack就会自动打开Chrome了，而且文件修改后的自动刷新功能也正常工作了，完美解决两个问题！

内容的提问来源于stack exchange，提问作者Bellinda Baumgartner