web-dev-qa-db-ja.com

***でOrigin ***からフェッチするためのアクセスはCORSポリシーによってブロックされました： 'Access-Control-Allow-Origin'

エラーがあります

Origin ' http：// localhost：30 'からの ' http：// localhost：5000/admin/authenticate 'でのフェッチへのアクセスは、CORSポリシーによってブロックされています：いいえ'Access-Control-Allow-Origin'ヘッダーが要求されたリソースに存在します。不透明な応答でニーズが満たされる場合は、リクエストのモードを「no-cors」に設定して、CORSを無効にしてリソースをフェッチします。

私のApiManager

function login(username, password) {
    const requestOptions = {
        method: 'POST',
        headers: {    
            'Accept': 'application/json',
            'Content-Type': 'application/json',
            'Access-Control-Allow-Origin': '*' },
        body: JSON.stringify({ username, password })};

    return fetch(`http://localhost:5000/admin/authenticate`, requestOptions)
        .then(handleResponse)
        .then(user => {
            // store user details and jwt token in local storage to keep user logged in between page refreshes
            localStorage.setItem('user', JSON.stringify(user));
            return user;
        }
    );
}

バックエンドAsp.Net Core 2.2（Startup.cs）で私は書きます：

services.AddCors(options =>
{
    options.AddPolicy(
        _corsName,
        builder => { builder.AllowAnyOrigin().AllowAnyMethod().AllowAnyHeader().AllowCredentials(); });}
);
javascriptc#asp.netreactjsapi
3
Yura Morozov

これを試して：

on Startup.cs => Confirgure add:
     app.UseCors(x => x.AllowAnyOrigin().AllowAnyMethod().AllowAnyHeader().AllowCredentials());
1
anerco

こんにちは私はこのトピックについては新しいですが、先週このエラーが発生したため、オプションメソッドを有効にして最初の部分を解決しました。このエラーはポリシーとセキュリティの問題が原因で発生しますが、ステータスコードを取得するように依頼しました。私の場合は405エラーでした。つまり、すべてのメソッドとオリジンを許可するためにリクエストのヘッダーを変更する必要があります（方法はありません）。それは私を助けにはなりません。

したがって、APIのアプリでCookieの暗号化とセッションを有効にしていることを理解したので、それらを無効にし、ブラウザのCookieもクリアしました。

だからこれらを使ってみてください：

  1. CookieをクリアしてAccess-Control-Allow-Origin': '*' by Modヘッダー拡張を追加し、修正をもう一度確認してください。 mod header - your header（client）

  2. 中央のインターフェースを使用してリクエストを制御し、それらを特別なルールに導きます

    app.use((req, res, next) => {
      res.header('Access-Control-Allow-Origin', '*');
      next();
    });

このサイトによると： https://medium.com/@dtkatz/3-ways-to-fix-the-cors-error-and-how-access-control-allow-Origin-works-d97d55946d9

0
mahdi