Angular2 + node 接口調(diào)試解決方案

事情的起因

由于最近在使用Angular + node開發(fā)屠阻,采取的辦法一直都是約定好接口,然后node實現(xiàn)释牺,再編寫前端髓削。但是這樣有一個很麻煩的問題:編寫前端的時候無法調(diào)用接口,不能很好地測試葡兑,只能一口氣寫完再編譯后放到后端來測試奖蔓。經(jīng)常會因為解決一些小的問題而反復的編譯、調(diào)試讹堤,浪費很多不必要的時間吆鹤。

解決方案

偶然發(fā)現(xiàn)webpack-dev-server可以實現(xiàn)代理請求(把指定的url規(guī)則轉(zhuǎn)發(fā)到其他地址),所以就試了一下洲守。由于項目使用了Angular-cli構(gòu)建疑务,并沒有webpack配置文件,悲傷梗醇。于是又去google上搜索了一圈Angular-cli知允,找到了Angular-cli實現(xiàn)代理的解決方案。

在項目目錄下創(chuàng)建文件proxy.conf.json

{
    "/api": {

        "target": "http://localhost:3000",

        "secure": false
    }
}
  • /api為代理規(guī)則叙谨,因為我接口都是以api開頭的温鸽,大家可以根據(jù)自己的實際情況設置
  • target為目標服務地址,比如一個get請求的地址為http://localhost:4200/api/cards/all會被代理為http://localhost:3000/api/cards/all
  • secure為是否開啟ssl驗證唉俗,在這里設置為false

接下來只需要啟動node服務嗤朴,再使用ng serve --proxy-config proxy.conf.json來啟動自己的Angular項目就可以完美實現(xiàn)代理了,簡直不要太好用虫溜,以前的方法簡直是蠢爆了雹姊!


本文結(jié)束,感謝閱讀衡楞!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末吱雏,一起剝皮案震驚了整個濱河市薛躬,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌佛嬉,老刑警劉巖影晓,帶你破解...
    沈念sama閱讀 222,946評論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異犬绒,居然都是意外死亡旺入,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,336評論 3 399
  • 文/潘曉璐 我一進店門凯力,熙熙樓的掌柜王于貴愁眉苦臉地迎上來茵瘾,“玉大人,你說我怎么就攤上這事咐鹤∞置兀” “怎么了?”我有些...
    開封第一講書人閱讀 169,716評論 0 364
  • 文/不壞的土叔 我叫張陵祈惶,是天一觀的道長雕旨。 經(jīng)常有香客問我,道長捧请,這世上最難降的妖魔是什么凡涩? 我笑而不...
    開封第一講書人閱讀 60,222評論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮血久,結(jié)果婚禮上突照,老公的妹妹穿的比我還像新娘。我一直安慰自己氧吐,他們只是感情好讹蘑,可當我...
    茶點故事閱讀 69,223評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著筑舅,像睡著了一般座慰。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上翠拣,一...
    開封第一講書人閱讀 52,807評論 1 314
  • 那天版仔,我揣著相機與錄音,去河邊找鬼误墓。 笑死蛮粮,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的谜慌。 我是一名探鬼主播然想,決...
    沈念sama閱讀 41,235評論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼欣范!你這毒婦竟也來了变泄?” 一聲冷哼從身側(cè)響起令哟,我...
    開封第一講書人閱讀 40,189評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎妨蛹,沒想到半個月后屏富,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,712評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡蛙卤,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,775評論 3 343
  • 正文 我和宋清朗相戀三年狠半,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片表窘。...
    茶點故事閱讀 40,926評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡典予,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出乐严,到底是詐尸還是另有隱情,我是刑警寧澤衣摩,帶...
    沈念sama閱讀 36,580評論 5 351
  • 正文 年R本政府宣布昂验,位于F島的核電站,受9級特大地震影響艾扮,放射性物質(zhì)發(fā)生泄漏既琴。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,259評論 3 336
  • 文/蒙蒙 一泡嘴、第九天 我趴在偏房一處隱蔽的房頂上張望甫恩。 院中可真熱鬧,春花似錦酌予、人聲如沸磺箕。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,750評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽松靡。三九已至,卻和暖如春建椰,著一層夾襖步出監(jiān)牢的瞬間雕欺,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,867評論 1 274
  • 我被黑心中介騙來泰國打工棉姐, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留屠列,地道東北人。 一個月前我還...
    沈念sama閱讀 49,368評論 3 379
  • 正文 我出身青樓伞矩,卻偏偏與公主長得像笛洛,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子扭吁,可洞房花燭夜當晚...
    茶點故事閱讀 45,930評論 2 361

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

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理撞蜂,服務發(fā)現(xiàn)盲镶,斷路器,智...
    卡卡羅2017閱讀 134,720評論 18 139
  • Angular CLI 是什么蝌诡? Angular CLI 是一個命令行接口(Command Line Interf...
    semlinker閱讀 4,197評論 0 39
  • 前言 webpack2和vue2已經(jīng)不是新鮮東西了溉贿,滿大街的文章在講解webpack和vue,但是很多內(nèi)容寫的不是...
    技術(shù)宅小青年閱讀 6,552評論 4 43
  • 夜深月黑風高浦旱,這個時候街面上已經(jīng)冷冷靜靜行人寥寥無幾宇色;這條街道是這座城市最繁華的一角,因為這里有家最有名的娛樂城颁湖,...
    無名三少閱讀 375評論 1 0
  • 大千世界宣蠕,無奇不有——題記 不錯,這個世界上有悲歡離合甥捺,有陰晴圓缺抢蚀。共同的一個世界就是我們共同的一個家,多...
    Kiki星閱讀 367評論 0 0