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.最后
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐