配置vue项目实现localhost本地访问和ip访问且设置启动后终端显示localhost和network访问地址 |
您所在的位置:网站首页 › 什么是本地ip › 配置vue项目实现localhost本地访问和ip访问且设置启动后终端显示localhost和network访问地址 |
配置vue项目实现localhost本地访问和ip访问且设置启动后终端显示localhost和network访问地址
1、首先设置localhost和本地ip访问 在config文件下的index.js文件中,修改host为: host: '0.0.0.0',或者在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、设置启动后终端显示localhost和network访问地址 修改build文件下webpack.dev.conf.js文件里compilationSuccessInfo的messages属性值: compilationSuccessInfo: { // 修改启动后终端显示localhost和network访问地址 messages: [ `App runing at: `, `Local: http://localhost:${port}`, `Network: http://${require('ip').address()}:${port}`, ], },进行上面的2步的配置后,就可以进行localhost访问和ip地址访问了 |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |