之前在vue(2.x)项目中遇到一个问题,使用脚手架搭建项目到时候,大多数访问都是使用locahost来访问项目,但是使用locahost请求数据到时候很容易发生跨域问题,非常不方便,还有在windows系统中我们可以在cmd中得到ip,但是mac久头痛了,就算获取了ip也不能直接在配置文件中使用,要么使用localhost,要么使用0.0.0.0,非常不优雅。我们其实可以动态获取ip地址,不过需要安装一个包 “address”,这样我们就可以动态获取ip。
首先安装address包
因为在开发中使用久直接dev了
npm install address -dev
然后在config下index.js文件中配置
const address = require('address')
const locahost = address.ip() || '0.0.0.0'
module.exports = {
dev: {
...
host: locahost,
port: 8080,
...
}
}
效果如下
哈哈 这样久很舒服了!
之前换电脑了,又要处理跨域,在家一个ip在公司一个ip的,最后0.0.0.0感觉巨丑,终于解决了!希望对小伙伴们有所帮助。