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

因爲現在一般都是前後端分離開發的模式, 有時候後臺的同事需要查看當前的項目,我們應該怎麼辦呢。例如我們現在開發的vue項目。

其實很簡單隻要前端在項目中設置一下就行
那就是在config文件夾下的index.js文件中 將 host : ‘localhost’,修改爲 host: ‘0.0.0.0’ 就可以了。
然後別人只需要訪問 http:// + 前端電腦的IP地址 + 端口號 就可以直接訪問他本地在跑的項目了!

話不多說,直接上圖 ↓↓↓

我們創建的項目中host 的默認值爲 localhost,我們要做的就是將他的值修改爲 0.0.0.0

在這裏插入圖片描述

然後獲取前端同學的IP地址 例如我的是 192.168.20.36

在這裏插入圖片描述

那其他人只要訪問http://192.168.20.36 + 前端項目設置的端口如第一張圖中的 3001, 就可以訪問到我本地項目了.
http://192.168.20.36:3001 (必須在同一局域網下纔可以!!!)
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章