ホームページ  >  記事  >  ウェブフロントエンド  >  起動中に React にアクセスできない場合の対処方法

起動中に React にアクセスできない場合の対処方法

藏色散人
藏色散人オリジナル
2023-01-04 10:33:212510ブラウズ

React スタートアップにアクセスできない場合の解決策: 1. "http-proxy-middleware" をインストールします; 2. "setupProxy.js" を見つけて直接削除します; 3. 新しいプロジェクトを作成してプロジェクトを再起動します。

起動中に React にアクセスできない場合の対処方法

このチュートリアルの動作環境: Windows 10 システム、react18.0.0 バージョン、Dell G3 コンピューター。

react スタートアップにアクセスできない場合はどうすればよいですか?

反応プロジェクトの起動でローカル接続が拒否されたことが表示される

非常に奇妙な問題です。前日までは普通に使えていたのに、その後は翌日プロジェクトを開始するためにコンピューターを開いた 問題が発生しました。

反応プロジェクトの起動時にローカル接続が拒否されたことを示す解決策が Baidu で見つかりませんでした。

次の方法で正常に接続できます。 git version で前のバージョンに戻る

最初は本当に何もできなかったので、前のバージョンから書き続けました。

結果、バージョンがありました競合しました。手動で解決した後、プロジェクトを再度開始しました。

ローカル接続が再び拒否されました...

当時はとても怒り、しびれを感じました。

もうそれを行う方法が見つからなかったので、愚かな方法を使用する必要がありました

##新しいプロジェクトを作成し、新しいプロジェクトが開始できることを確認しました。

元のプロジェクトを移動しましたプロジェクト ファイルを 1 つずつ

ついに犯人を見つけることに成功しました

起動中に React にアクセスできない場合の対処方法

これはプロキシとして使用されていますはい、これを削除するだけで起動できます通常は、しかしその逆はありません

問題はここにあります

バージョンの問題のため、これを書く方法はいくつかあります

ここに入れてください。通常使用できるバージョン

const { createProxyMiddleware } = require('http-proxy-middleware')
 
module.exports = function (app) {
 
  app.use(createProxyMiddleware('/api', {
 
    target: 'http://106.14.82.240:3000',
 
    secure: false,
 
    changeOrigin: true,
 
    pathRewrite: {
 
      "^/api": "/api"
 
    }
 
  }))
 
}

http-proxy-middleware のインストールも忘れないでください

推奨学習:「

react ビデオ チュートリアル

以上が起動中に React にアクセスできない場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。