gulp-livereload的端口問題

在公司做項目時徘键,有兩個項目工程,都是通過gulp進(jìn)行前端構(gòu)建央碟,使用gulp-livereload達(dá)到瀏覽器實時刷新的效果 税灌。之前都是單獨啟用一個工程,所以并未出現(xiàn)什么問題亿虽,昨天我試著將兩個工程同時啟動菱涤。。問題來了洛勉!

端口沖突效果圖.png

然后我就去gulp-livereload官網(wǎng)看了下狸窘,人家是這樣說的

These options can either be set through livereload.listen(options) or livereload(options).

port                     Server port
host                     Server host
basePath                 Path to prepend all given paths
start                    Automatically start
quiet        false       Disable console logging
reloadPage   index.html  Path to the page the browsers on for a full page reload

意思是參數(shù)的設(shè)定可在livereload.listen()時或是livereload()。

于是坯认,我照做了翻擒,調(diào)用時加了個參數(shù)對象
livereload.listen() -> livereload.listen({port:4443})
livereload() -> livereload({port:4443})
livereload -> livereload : {port:4443}

這里我做個說明氓涣,項目中用到了gulp-connect 故也將connect.server的參數(shù)livereload的true -> {port:4443}

運行。

改變livereload端口號運行結(jié)果.png

我們發(fā)現(xiàn)并沒有報之前端口監(jiān)聽失敗錯誤~

是不是覺得這樣問題就解決啦~

然而并不是陋气。劳吠。。

在你的瀏覽器中打開你的頁面

瀏覽器中的源碼.png

咦9谩Q魍妗!议慰! 不對呀 我明明改了呀 而且運行也沒報錯蠢古。怎么這里插入的還是35729端口下的js

我的內(nèi)心.png

接著我全局搜索了下35729 看到了gulp-livereload 。别凹。后面還有connect-livereload 好奇之心驅(qū)使我看了下原來是gulp-connect引入了connect-livereload 草讶。就是connect-livereload的作用將js文件插入html文件中。炉菲。所以我也明白了為何我在node工程并未引入gulp-livereload但還是有l(wèi)ivereload堕战。。

你也可以一郁悶全局替換35729為4443拍霜。這樣問題也解決了~

為何端口還是35729的問題一直未解決嘱丢,直到我回家后。祠饺。刷新頁面越驻。。阿勒道偷! 端口變了 實時刷新生效了伐谈。。

頁面緩存問題试疙。。換了個環(huán)境IP地址必須改變 這不 問題就解決了抠蚣。

我的內(nèi)心2.png

2017.6.4 星期天 晴

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末祝旷,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子嘶窄,更是在濱河造成了極大的恐慌怀跛,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,651評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件柄冲,死亡現(xiàn)場離奇詭異吻谋,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)现横,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,468評論 3 392
  • 文/潘曉璐 我一進(jìn)店門漓拾,熙熙樓的掌柜王于貴愁眉苦臉地迎上來阁最,“玉大人,你說我怎么就攤上這事骇两∷僦郑” “怎么了?”我有些...
    開封第一講書人閱讀 162,931評論 0 353
  • 文/不壞的土叔 我叫張陵低千,是天一觀的道長配阵。 經(jīng)常有香客問我,道長示血,這世上最難降的妖魔是什么棋傍? 我笑而不...
    開封第一講書人閱讀 58,218評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮难审,結(jié)果婚禮上瘫拣,老公的妹妹穿的比我還像新娘。我一直安慰自己剔宪,他們只是感情好拂铡,可當(dāng)我...
    茶點故事閱讀 67,234評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著葱绒,像睡著了一般感帅。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上地淀,一...
    開封第一講書人閱讀 51,198評論 1 299
  • 那天失球,我揣著相機(jī)與錄音,去河邊找鬼帮毁。 笑死实苞,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的烈疚。 我是一名探鬼主播黔牵,決...
    沈念sama閱讀 40,084評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼爷肝!你這毒婦竟也來了猾浦?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,926評論 0 274
  • 序言:老撾萬榮一對情侶失蹤灯抛,失蹤者是張志新(化名)和其女友劉穎金赦,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體对嚼,經(jīng)...
    沈念sama閱讀 45,341評論 1 311
  • 正文 獨居荒郊野嶺守林人離奇死亡夹抗,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,563評論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了纵竖。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片漠烧。...
    茶點故事閱讀 39,731評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡杏愤,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出沽甥,到底是詐尸還是另有隱情声邦,我是刑警寧澤,帶...
    沈念sama閱讀 35,430評論 5 343
  • 正文 年R本政府宣布摆舟,位于F島的核電站亥曹,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏恨诱。R本人自食惡果不足惜媳瞪,卻給世界環(huán)境...
    茶點故事閱讀 41,036評論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望照宝。 院中可真熱鬧蛇受,春花似錦、人聲如沸厕鹃。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,676評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽剂碴。三九已至把将,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間忆矛,已是汗流浹背察蹲。 一陣腳步聲響...
    開封第一講書人閱讀 32,829評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留催训,地道東北人洽议。 一個月前我還...
    沈念sama閱讀 47,743評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像漫拭,于是被迫代替她去往敵國和親亚兄。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,629評論 2 354

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理采驻,服務(wù)發(fā)現(xiàn)审胚,斷路器,智...
    卡卡羅2017閱讀 134,652評論 18 139
  • 在現(xiàn)在的前端開發(fā)中挑宠,前后端分離、模塊化開發(fā)颓影、版本控制各淀、文件合并與壓縮、mock數(shù)據(jù)等等一些原本后端的思想開始...
    Charlot閱讀 5,439評論 1 32
  • gulpjs是一個前端構(gòu)建工具诡挂,與gruntjs相比碎浇,gulpjs無需寫一大堆繁雜的配置參數(shù)临谱,API也非常簡單,學(xué)...
    依依玖玥閱讀 3,152評論 7 55
  • 1奴璃、gulp的安裝 首先確保你已經(jīng)正確安裝了nodejs環(huán)境悉默。然后以全局方式安裝gulp: npm install...
    F_imok閱讀 2,375評論 1 11
  • 1.在系統(tǒng)安裝:npm install gulp-cli -g 2.在文件中安裝: npm init -y安裝后出...
    醋寶寶閱讀 387評論 0 0