vue工程,除了放在服務器上,還可以這樣給同事瀏覽

當前編輯的vue工程,自己可以在自己的電腦裏的瀏覽器裏查看效果,但是怎麼共享到同事的電腦上呢?

  1. 可以npm run build打包,放到服務器上的根目錄裏,生成的地址作爲瀏覽器的請求地址。(正式上線肯定如此,但是目前只是一個demo階段,如果服務器權限不在你的手裏,這樣操作顯得太麻煩。看看下面這個easy的)

  2. 通過更改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,你同事就可以在他們的電腦瀏覽器裏看到你的工程效果。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章