ES6フェッチ：それが呼び出すローカルホストポートを変更するにはどうすればよいですか？

Question

私はフロントエンドにサービスを提供するwebpack-dev-serverを:8080にnode.jsで実行しています。私は実際のバックエンドサービスを提供する:8088で動作するSpring Boot MVCアプリケーションを持っています。 8088、どのように私は:8088の代わり:8080に関数が呼び出されるたびに参照するためにfetch機能の恒久的な設定を変更します

は、私が上で呼び出したいのログインシステムを持っていますか？

私は次のことを試してみたが、無駄に：

login ({commit}, authData) { 
     fetch('/api/login', { 
     username: authData.username, 
     password: authData.password 
     }, { 
     mode: 'no-cors', 
     method: 'post', 
     url: `http://localhost:8088`, 
     credentials: 'include' 
     }) // ... goes on 

しかし、それはまだ8080を参照：

bodyUsed: false 
headers: Headers { } 
ok: true 
redirected: false 
status: 200 
statusText: "OK" 
type: "basic" 
url: "http://localhost:8080/api/login" 

Answer 1

はあなたのフェッチ最初のパラメータに完全なURLを入れてみました？ /api/loginが現在のホストに要求を行うことは間違いありません。

fetch('http://localhost:8088/api/login', { 
    username: authData.username, 
    password: authData.password 
    }, { 
    mode: 'no-cors', 
    method: 'post', 
    url: `http://localhost:8088`, 
    credentials: 'include' 
    }) 

もちろん、CORSを有効にする必要があります。