當前編輯的vue工程,自己可以在自己的電腦裏的瀏覽器裏查看效果,但是怎麼共享到同事的電腦上呢?
-
可以
npm run build
打包,放到服務器上的根目錄裏,生成的地址作爲瀏覽器的請求地址。(正式上線肯定如此,但是目前只是一個demo階段,如果服務器權限不在你的手裏,這樣操作顯得太麻煩。看看下面這個easy的) -
通過更改index.js的配置,能夠讓同一局域網的同事電腦訪問到正在run自己電腦的vue工程。
文件目錄config => index.js =>找到 host
默認情況,host默認的是localhost
,在這裏修改這個host,即把localhost換成自己電腦的ip,那麼問題來了,怎麼查看自己電腦的本地地址呢?
- 使用Windows+R鍵打開“運行”窗口,然後輸入CMD進入命令提示窗口
- 命令窗口,輸入:
ipconfig/all
回車即可看到整個電腦的詳細的IP配置信息
即,最後修改成
在npm run dev
後,在運行平臺上顯示http://192.168.0.110:8080
即爲你vue工程的新ip;只要你的電腦vue工程一直在run,你同事就可以在他們的電腦瀏覽器裏看到你的工程效果。