使用花生殼時,vue前端配置檔案啟動注意

2021-10-03 18:26:29 字數 683 閱讀 3773

1、config/index.js中,port是啟動 的埠,host是啟動後位址

2、如果用了花生殼對映,那麼如果這裡配置是192.168.0.105、8000,花生殼就可以用這個ip埠做對映

但是如果配置是localhost、8000,那麼花生殼會提示「您的區域網伺服器連線失敗,請檢查區域網ip與埠」

因為localhost和192.168.0.105是不對等的

3、index.js和花生殼都配置好了,訪問花生殼對應**,提示「」invalid host header「」,因為經查是因為新版的webpack-dev-server出於安全考慮,預設檢查hostname,如果hostname不是配置內的就不能訪問。這樣有2中方法,一種是設定跳過host檢查,一種是直接host設定成你的位址。

解決辦法

在可以在build目錄下的webpack.dev.conf.js檔案,devserver下新增disablehostcheck: true,跳過檢查

4、花生殼的ip和埠,只要本地服務啟動,後端有埠,前段config中配置好,花生殼就可以訪問了 

花生殼配置

希望把公司區域網內工作電腦上的 發布 出去,以便客戶預覽 因此有了如下過程。如我申請到的帳號是terryliu2891 登入成功後,可以看到免費網域名稱為terryliu2891.vicp.cc 路由器型號為di 524m,不同的路由器配置可能稍有差異。訪問路由器位址192.168.1.1,登入後點...

tomcat 花生殼 配置

昨晚弄了一晚,終於配置成功了。2.我的是用路由器上網的,所以登入自己的路由,先設定動態dns,確保你的網域名稱可以給外網識別,就是可以上你的網域名稱 然後就可以上http luffyke.vicp.net 3.接下來是埠對映,開啟路由器設定就行了。4.然後開啟tomcat的server.xml檔案,...

簡單花生殼介紹和使用

由上圖,花生殼用來實現網域名稱的動態ip繫結,分別兩部分 乙個是服務端,由官方進行維護,主要用來接收網域名稱最新的動態ip資訊以及提供和更新相應的dns網域名稱解析服務 另一部分是客戶端分為路由器版 整合在路由器中的花生殼客戶端,由廠商提供支援 和pc版,主要用來向伺服器提高最新動態ip資訊.具體實...