【Python】ＣＳＲＦに関してのエラー

Question

実現したいこと

作成したアプリでログイン機能とサインアップ機能の際にログインしようとしたり、サインアップしようとしたらエラーが発生してしまいました。
ログインとサインアップが出来るようにしたいです。
CSRFに関するエラーなのですが、見て貰えないでしょうか？

発生している問題・エラーメッセージ

アクセス禁止 (403)
CSRF検証に失敗したため、リクエストは中断されました。
Help
Reason given for failure:

    Origin checking failed - https://***********************.vfs.cloud9.ap-northeast-1.amazonaws.com does not match any trusted origins.
    
In general, this can occur when there is a genuine Cross Site Request Forgery, or when Django’s CSRF mechanism has not been used correctly. For POST forms, you need to ensure:

Your browser is accepting cookies.
The view function passes a request to the template’s render method.
In the template, there is a {% csrf_token %} template tag inside each POST form that targets an internal URL.
If you are not using CsrfViewMiddleware, then you must use csrf_protect on any views that use the csrf_token template tag, as well as those that accept the POST data.
The form has a valid CSRF token. After logging in in another browser tab or hitting the back button after a login, you may need to reload the page with the form, because the token is rotated after a login.
You’re seeing the help section of this page because you have DEBUG = True in your Django settings file. Change that to False, and only the initial error message will be displayed.

You can customize this page using the CSRF_FAILURE_VIEW setting.

該当のソースコード

{% extends 'layout.html' %}
 
{% block content %}
<h1>ユーザー登録</h1>
<section class='common-form'>
    <form method='post'>
        {% csrf_token %}    ←CSRFの記述
        {{ form.as_p }}
        <button type='submit'>登録</button>
    </form>
</section>
{% endblock %}

{% extends '../layout.html' %}
 
{% block content %}
<h1>Login</h1>
<section class='common-form'>
    {% if form.errors %}
        <p class='error-msg'>ユーザー名とパスワードが一致しません。もう一度入力しなおしてください。</p>
    {% endif %}
 
    {% if next %}
        {% if user.is_authenticated %}
            <p class='error-msg'>このアカウントではアクセスできません。</p>
        {% else %}
            <p class='error-msg'>このページにアクセスするためにはログインしてください。</p>
        {% endif %}
    {% endif %}
 
    <form action='{% url "login" %}' method='post'>
        {% csrf_token %}　　←CSRFの記述
        <input type='hidden' name='next' value='{{ next }}'/>
        {{ form.as_p }}
        <button type='submit'>ログイン</button>
    </form>
</section>
{% endblock %}

試したこと

CSRFについて調べて、フォームの書き方が間違いかと思い、確認したのですが、
間違っている様には見えませんでした。

またPythonのバージョンを上げた事に伴い、djangoのバージョンも上がったようで、それによって影響しているのかなとも、考えていますがどうでしょうか？

補足情報（FW/ツールのバージョンなど）

python: Python 3.11.0
django: 4.2.4

Comments

[ikedas]

エラーメッセージの翻訳です。ここに書いてあることを確認すればいいのではないですか。

ヘルプ
失敗の理由

オリジンチェックに失敗しました - https://***************.vfs.cloud9.ap-northeast-1.amazonaws.com は信頼されたオリジンにマッチしません。

一般に、これは本物のクロスサイトリクエストフォージャリがあるか、 Django の CSRF 機構が正しく使われていない場合に起こります。POST フォームでは、以下のことを確認する必要があります：

ブラウザがクッキーを受け入れていること。
ビュー関数がテンプレートの render メソッドにリクエストを渡していること。
テンプレートでは、内部 URL をターゲットとする各 POST フォーム内に {% csrf_token %} テンプレートタグがあること。
CsrfViewMiddleware を使用していない場合は、csrf_token テンプレートタグを使用するビューと POST データを受け付けるビューで csrf_protect を使用する必要があります。
フォームには有効な CSRF トークンがあること。ブラウザの別のタブでログインしたり、ログイン後に戻るボタンを押したりすると、ログイン後にトークンがローテーションされるため、フォームのあるページをリロードする必要があるかもしれません。
このページのヘルプが表示されているのは、Django の設定ファイルで DEBUG = True になっているからです。これを False に変更すると、最初のエラーメッセージだけが表示されます。

CSRF_FAILURE_VIEW 設定を使ってこのページをカスタマイズできます。

www.DeepL.com/Translator（無料版）で翻訳しました。

Answer 1

CSRF_TRUSTED_ORIGINS = ['https://***************.vfs.cloud9.ap-northeast-1.amazonaws.com']

をsettingに登録したことにより、エラーは無くなりました。