ループバックREST APIを使用しているときにgulp-angularプロジェクトのポート番号を変更する方法

Question

バックエンドでループバックを使用し、フロントエンドで角度を付けてプロジェクトを作成しています。クライアント側はgulp-angularで生成されました。その後、ループバックからlb-services.jsを追加しました。私が抱えている問題は、角型アプリケーションが私にgulp serve runningを持っている同じポートでAPIにリクエストを出そうとしていることです。私はポート3000にループバックアプリケーションを、ポート3001にAngularを実行しています。

APIにリクエストする際に、ポート番号を変更するにはどうすればよいですか？

I'veはこのように一口server.jsを変更しようとした：

browserSync.instance = browserSync.init({ 
    startPath: '/', 
    server: server, 
    browser: browser, 
    port:4000 
    }); 

しかし、これをちょうど私にこの結果を取得し、角度とそれがポート4000上のAPIの実行になります要求の両方になり：

サーバーをループバックする http://localhost:4000/

要求：：上の角度ランニング

上 角度ランニング：サーバーをループバックする http://localhost:4000/

要求：私が欲しいもの10

はこれです

http://localhost:3000/api/People 

誰も私がこれをachive助けることができますか？

Answer 1

APIにrewriteRuleを追加すると、URLをlocalhost：3000に変更できます。ここに示すとおり、 https://www.browsersync.io/docs/options/#option-rewriteRules

もう1つのオプションは、https://github.com/Swiip/generator-gulp-angular/blob/master/docs/how-it-works.md#proxyです。 プロキシを使用して、APIリクエストを正しいURLにリダイレクトできます。このように（Githubの例から）：

app.use('/api', proxy({target: 'http://localhost:3000/api', changeOrigin: true}));