如何在手機端檢視PC端上的Vue專案(二)----外網環境

摘要： 在 《如何在手機端檢視PC端上的Vue專案(一)》 這篇文章中介紹瞭如何在同一網路下通過配置Vue專案的 host 實現在手機端檢視Vue專案，但是這種方法畢竟有侷限性，如果是桌上型電腦就不行了，所以今天介紹一下如何實現手機通過外網也能訪問PC端的Vue專案 準備工作： 如何...

在 《如何在手機端檢視PC端上的Vue專案(一)》 這篇文章中介紹瞭如何在同一網路下通過配置Vue專案的 host 實現在手機端檢視Vue專案，但是這種方法畢竟有侷限性，如果是桌上型電腦就不行了，所以今天介紹一下如何實現手機通過外網也能訪問PC端的Vue專案

準備工作：

如何在手機端檢視PC端上的Vue專案(一) 介紹瞭如何檢視本機IP及配置Vue檔案

花生殼官網 註冊賬號、下載客戶端

草料二維碼官網 用於將網址轉為二維碼

1、檢視本機IP、修改Vue專案中的配置

上面的參考文章中已經介紹瞭如何檢視本機IP並配置Vue檔案，這裡就不在贅述

2、註冊花生殼、設定內網對映

2.1、點選上方花生殼官網連結，並註冊賬號，下載客戶端

2.2、客戶端登入後開啟如下圖所示，點選右下角加號

2.3、選擇內網對映

2.4填寫配置資訊，最後點選儲存