[解決済み] package.jsonのプロキシがフェッチリクエストに影響しない

質問

Reactを使って開発サーバーからデータを取り込もうとしています。

クライアントを localhost:3001 で、バックエンドは port 3000 .

フェッチ・リクエスト :

 const users = fetch('/api/users');
    users.then((err,res) => {
      console.log(res);
    })

開発サーバーと webpack-dev-server を実行すると、次のような出力が得られます。

GET http://localhost:3001/api/users 404 (Not Found)

でプロキシを指定してみましたが パッケージ.json で、APIサーバーへのリクエストをプロキシするようにしましたが、何も変わりませんでした。

以下は私の package.jsonファイル :

... そして webpack.config :

私のプロジェクトで他に何か見る必要があれば、教えてください。もし、私が何かを見逃していたり、徹底していなかったりしたら、申し訳ありません。

どのように解決するのですか？

取得要求APIのURLを変更し、完全なホスト名を指定することができます。

 fetch('http://localhost:3000/api/users') 

も確認してください。 CORS をバックエンドで有効にします。

webpackでリダイレクトする場合は、以下のようにします。 devServer.proxy として

devServer: { 
    inline: true, 
    contentBase: './dist', 
    port: 3001, 
    proxy: { "/api/**": { target: 'http://localhost:3000', secure: false }  }
 }