作為前端內網穿透我推薦localtunnel

2021-09-25 06:03:59 字數 774 閱讀 6680

在做開發的時候避免不了測試、除錯、介面對接……等等流程,內網穿透是一種好的解決方案。什麼是內網穿透?我就簡單的解釋一下:將本地位址對映到乙個公共位址,讓其他使用者也能訪問。?夠簡單不,這就是我的理解。好了廢話不多說,直接幹。

必要條件:node、npm

全域性安裝 localtunnel

npm install -g localtunnel
啟動localtunnel

lt --subdomain 《個性字首》 --port 《要對映的埠》
在這之後你也許可能會愉快的訪問到本地專案,別人也可以訪問,也有不幸運的小夥伴,比如我,就遇到了這個問題

顯示無效的主機:invalid host header

這是因為webpack的問題,如果你使用的專案是vue2.x你可以在build目錄下找到webpack.dev.config.js中新增配置

...

devserver:

...

如果你是vue3.x的使用者你需要在根目錄下新建vue.config.js,然後新增如下配置

module.exports = 

}

其中baseurl這個配置是解決vue3.x打包後檔案能正確獲取到檔案的配置,目前也只是做vue專案,如果有朋友知道其他的希望不吝求教。

以下有很多內網穿透的工具,有免費的也有付費的,看自己需求。

內網穿透的工具傳送門

<--there

前端內網穿透,localtunnel

我的理解是 將您的本地主機公開到世界各地,便於測試和共享,無需混淆dns或部署只是為了讓其他人測試您的更改。通過localtunnel就能把你的本地位址對映到乙個公共位址,讓其他使用者也能訪問,比如我本地位址localhost 8888,通過localtunnel生成乙個指定字首的位址,讓測試人員無...

前端內網穿透,localtunnel你值得擁有!

我的理解是 將您的本地主機公開到世界各地,便於測試和共享,無需混淆dns或部署只是為了讓其他人測試您的更改。通過localtunnel就能把你的本地位址對映到乙個公共位址,讓其他使用者也能訪問,比如我本地位址localhost 8888,通過localtunnel生成乙個指定字首的位址,讓測試人員無...

利用阿里雲虛擬機器作為跳板機實現內網穿透

大家經常會有這樣的需求,公司有一台電腦處在區域網中,沒法帶回家中,但是又想訪問它,或者有個ipad想通過ssh協議在任何地方連上自己的電腦程式設計,尤其是linux使用者,這樣的需求經常會有,那如何實現呢?讓自己的電腦有個公網ip?理論上可以,但是現實當中是不可能的,其實不難,我們只需要把自己公司的...