前の記事では、自分のアプリ内に別のアプリを作成し、リバース プロキシを実行した後、リクエストが 404 を取得し続け、リクエスト パスが依然として間違っていることがわかりました、と述べていませんでしたか。長い間検索し、多くの情報を読んだ結果、私の理解は正しく、理論的には間違いはあり得ないことがわかり、その後、魔法のようにカスタム アプリに追加の src フォルダーを作成し、setupProxy ファイルを作成して、コンテンツをそこに移植しましたが、役に立ちませんでした。
その後、さらに不思議なことが起こりました。1 時間後、コードを見直したところ、最も基本的なフック関数の内部に致命的なエラーが見つかりました。
componentDidMount = () => {
axios.get({
url:'/ajax/comingList?ci=20&token=&limit=10&optimus_uuid=B165385059EF11EDB8B9D363BBB961CAD5E292F07589491FB93252E5838E4855&optimus_risk_level=71&optimus_code=10'
}).then(res=>{
console.log(res.data);
})
}
なんと言うか、axios.get() と axios({}) の 2 つの形式を混ぜ合わせました。これは不可能です。URL を混合する場合は、baseurl を指定する必要があります。そうでないと、この URL から新しいリクエスト URL が構築されます。これは間違っているに違いありません。見つからないと言ったのも不思議ではありません。コードは間違って書かれていますが、修正後は正常になります。
componentDidMount = () => {
axios.get('/ajax/comingList?ci=20&token=&limit=10&optimus_uuid=B165385059EF11EDB8B9D363BBB961CAD5E292F07589491FB93252E5838E4855&optimus_risk_level=71&optimus_code=10')
.then(res=>{
console.log(res.data);
})
}
情報を読むのは良いことですが、次回からは読みません。