vue项目启动后终端显示localhost和ip访问地址

 1.package.json文件下"scripts"的"dev"值后新增 --host 0.0.0.0"

"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",

 2.修改build文件下webpack.dev.conf.js文件里compilationSuccessInfo的messages属性值

        compilationSuccessInfo: {
          messages: [
            `Your application is running here:`,
            `Local: http://${devWebpackConfig.devServer.host}:${port}`,
            `Network: http://${require('ip').address()}:${port}`
          ],

配置好以后终端就会显示两个访问地址。


版权声明:本文为C_TopTopTop原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。