其他人如何查看前端工程师在本地跑的vue项目(0.0.0.0)

时间:2024-03-26 09:51:13

因为现在一般都是前后端分离开发的模式, 有时候后台的同事需要查看当前的项目,我们应该怎么办呢。例如我们现在开发的vue项目。

其实很简单只要前端在项目中设置一下就行
那就是在config文件夹下的index.js文件中 将 host : ‘localhost’,修改为 host: ‘0.0.0.0’ 就可以了。
然后别人只需要访问 http:// + 前端电脑的IP地址 + 端口号 就可以直接访问他本地在跑的项目了!

话不多说,直接上图 ↓↓↓

我们创建的项目中host 的默认值为 localhost,我们要做的就是将他的值修改为 0.0.0.0

其他人如何查看前端工程师在本地跑的vue项目(0.0.0.0)

然后获取前端同学的IP地址 例如我的是 192.168.20.36

其他人如何查看前端工程师在本地跑的vue项目(0.0.0.0)

那其他人只要访问http://192.168.20.36 + 前端项目设置的端口如第一张图中的 3001, 就可以访问到我本地项目了.
http://192.168.20.36:3001 (必须在同一局域网下才可以!!!)