小編給大家分享一下如何解決Angular2 + node接口調(diào)試的問題，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)公司是一家專注于成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、外貿(mào)營銷網(wǎng)站建設(shè)與策劃設(shè)計(jì),圍場網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)10余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:圍場等地區(qū)。圍場做網(wǎng)站價(jià)格咨詢:028-86922220

事情的起因

由于最近在使用Angular + node開發(fā)，采取的辦法一直都是約定好接口，然后node實(shí)現(xiàn)，再編寫前端。但是這樣有一個(gè)很麻煩的問題：編寫前端的時(shí)候無法調(diào)用接口，不能很好地測試，只能一口氣寫完再編譯后放到后端來測試。

經(jīng)常會(huì)因?yàn)榻鉀Q一些小的問題而反復(fù)的編譯、調(diào)試，浪費(fèi)很多不必要的時(shí)間。

解決方案

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

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

{
 "/api": {

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

  "secure": false
 }
}

 1、/api為代理規(guī)則，因?yàn)槲医涌诙际且詀pi開頭的，大家可以根據(jù)自己的實(shí)際情況設(shè)置

 2、target為目標(biāo)服務(wù)地址，比如一個(gè)get請求的地址為http://localhost:4200/api/cards/all會(huì)被代理為

       http://localhost:3000/api/cards/all

       secure為是否開啟ssl驗(yàn)證，在這里設(shè)置為false

接下來只需要啟動(dòng)node服務(wù)，再使用ng serve --proxy-config proxy.conf.json來啟動(dòng)自己的Angular項(xiàng)目就可以完美實(shí)現(xiàn)代理了，簡直不要太好用，以前的方法簡直是蠢爆了！

以上是“如何解決Angular2 + node接口調(diào)試的問題”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

名稱欄目：如何解決Angular2+node接口調(diào)試的問題
分享路徑：http://chinadenli.net/article38/gsgipp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、企業(yè)建站、標(biāo)簽優(yōu)化、Google、ChatGPT、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)