大主宰,性爱有声小说在线收听,有声

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案

如何解決Angular2+node接口調(diào)試的問題-創(chuàng)新互聯(lián)

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

創(chuàng)新互聯(lián)公司是一家集成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、網(wǎng)站頁(yè)面設(shè)計(jì)、網(wǎng)站優(yōu)化SEO優(yōu)化為一體的專業(yè)網(wǎng)站設(shè)計(jì)公司，已為成都等多地近百家企業(yè)提供網(wǎng)站建設(shè)服務(wù)。追求良好的瀏覽體驗(yàn),以探求精品塑造與理念升華,設(shè)計(jì)最適合用戶的網(wǎng)站頁(yè)面。合作只是第一步，服務(wù)才是根本,我們始終堅(jiān)持講誠(chéng)信，負(fù)責(zé)任的原則，為您進(jìn)行細(xì)心、貼心、認(rèn)真的服務(wù),與眾多客戶在蓬勃發(fā)展的市場(chǎng)環(huán)境中,互促共生。

事情的起因

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

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

解決方案

偶然發(fā)現(xiàn)webpack-dev-server可以實(shí)現(xiàn)代理請(qǐng)求（把指定的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請(qǐng)求的地址為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)代理了，簡(jiǎn)直不要太好用，以前的方法簡(jiǎn)直是蠢爆了！

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

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

本文題目：如何解決Angular2+node接口調(diào)試的問題-創(chuàng)新互聯(lián)
文章路徑：http://fisionsoft.com.cn/article/dpoieh.html

新聞中心

其他資訊