1.确定具体构建工具
项目用的是 vue-cli@2.x（webpack模板版），配置文件是 config/index.js
2.修改 config/index.js：作用：允许局域网访问你的项目
将 host: \'localhost\', 改为：host: \'0.0.0.0\',
3.修改 build/dev-server.js（我项目中是build/webpack.dev.conf.js）
代码：
const os = require(\'os\')function getLocalIP() { const interfaces = os.networkInterfaces() for (const devName in interfaces) { const iface = interfaces[devName] for (let i = 0; i { portfinder.basePort = process.env.PORT || config.dev.port portfinder.getPort((err, port) => { if (err) { reject(err) } else { // publish the new Port, necessary for e2e tests process.env.PORT = port // add port to devServer config devWebpackConfig.devServer.port = port const localIP = getLocalIP() // Add FriendlyErrorsPlugin devWebpackConfig.plugins.push( new FriendlyErrorsPlugin({ compilationSuccessInfo: { messages: [`Your application is running at:\\n` + ` ➜ Local: http://localhost:${port}\\n` + ` ➜ Network: http://${localIP}:${port}` ] }, onErrors: config.dev.notifyOnErrors ? utils.createNotifierCallback() : undefined }) ) resolve(devWebpackConfig) } })})
