Vue Cli 修改localhost为IP访问
1.修改 package.json,增加 --host 0.0.0.0,让本次代码支持localhost以外的ip地址访问模式2.修改config/index.js,将localhost改为0.0.0.0此时项目就可以通过localhost或本机IP访问了,但是在cmd输出上只提示了0.0.0.0:8080访问路径,需要修改提示修改方式:1.在build目录下创建一个获取本机IP的方法,get-i
·
1.修改 package.json,增加 --host 0.0.0.0,让本次代码支持localhost以外的ip地址访问模式
2.修改config/index.js,将localhost改为0.0.0.0
此时项目就可以通过localhost或本机IP访问了,但是在cmd输出上只提示了0.0.0.0:8080访问路径,需要修改提示
修改方式:
1.在build目录下创建一个获取本机IP的方法,get-ip.js
var os = require('os'),
ip = '',
ifaces = os.networkInterfaces() // 获取本机ip
out:
for (var i in ifaces) {
for (var j in ifaces[i]) {
var val = ifaces[i][j]
if (val.family === 'IPv4' && val.address !== '127.0.0.1') {
ip = val.address
break out
}
}
}
module.exports = ip
2.在webpack.dev.conf.js中引用方法
const IP = require('./get-ip')
3.修改提示
` App running at: `,
`-Local: http://localhost:${port}`,
`-Network: http://${IP}:${port}`
4.最后
更多推荐
已为社区贡献1条内容
所有评论(0)