Vue全家桶使用免費內網穿透工具，無需伺服器讓外網直接訪問

Vue全家桶使用免費穿透工具， 無需伺服器讓外網直接訪問

網雲穿-最簡單易用的內網穿透軟體，最簡潔教程一鍵穿透網站、資料庫、遠端桌面

網雲穿是一款可以在包括但不限於Windows、Mac、Linux、群輝、樹莓派、威聯通上使用的內網穿透，它可以很便捷的幫助你將本地內網的應用釋出出去，比如：網站、資料庫、硬碟檔案、遠端桌面、應用、遊戲（如我的世界）等等，這樣您就可以很方便的微信除錯、自建雲盤、異地辦公等等，它不需要您有公網IP、不需要您有伺服器、也不需要您設定任何路由器，只需要您安裝軟體進行簡單設定即可直接使用。

vue-cli全家桶安裝vue專案就不多說了，本地內建伺服器用的是webpack-dev-server

本地啟動 8080 埠之後，直接訪問 http：//localhost：8080/#index 啟動成功說明可以看下面的配置了。

微信截圖_20191224120132。png

啟動網雲穿穿透大法

如果沒有註冊請前往官方地址進行註冊。［註冊地址］［2］

註冊成功，申請開通隧道

開通免費埠自定義域名 biz。xiaomy。net ，設定 8080 埠和vue專案啟動埠保持一致即可

完畢之後，點選官方最新直達地址［下載地址］［1］ 。

解壓壓縮包

執行網雲穿內網穿透。exe

檢視隧道

訪問自定義 biz。xiaomy。net 不破不立

開啟 http：//biz。xiaomy。net ，發現不妙。。。。

我了勒個去……

Invalid Host header 飄紅的小紅色字型，多麼熟悉的感覺。。。

不服就幹， 不讓用可不行 ， 乾乾幹！

劃重點，劃重點，劃重點 ，廢話太多了。

最簡單的方式，全網獨1份創造

package。json 中的 script 中

“dev”： “webpack-dev-server ——disableHostCheck=true ——inline ——progress ——config build/webpack。dev。conf。js”

訪問成功

End 完美解決問題 ~~~