title: CSRF verification failed. Request aborted. Even with {% crsf_token %}
body: <p>I'm getting <code>CSRF verification failed. Request aborted.</code> after I try signing in, even though I've provided the <code>{% csrf_token %}</code> template tag. </p>
  
  <p><strong>templates/registration/login.html</strong></p>
  
  <pre><code>{% extends "base.html" %}
  
  {% block content %}
  
  &lt;div class="container"&gt;
   &lt;div class="card"&gt;
  
      {% if form.errors %}
      &lt;p&gt;Your username and password didn't match. Please try again.&lt;/p&gt;
      {% endif %}
  
      {% if next %}
      {% if user.is_authenticated %}
      &lt;p&gt;Your account doesn't have access to this page. To proceed,
        please login with an account that has access.&lt;/p&gt;
      {% else %}
      &lt;p&gt;Please login to see this page.&lt;/p&gt;
      {% endif %}
      {% endif %}
  
      &lt;form method="post" action="{% url 'login' %}"&gt;
        {% csrf_token %}
        {{ form|crispy }}
        &lt;button type="submit" class="btn btn-success"&gt;&lt;i class="fas fa-sign-in-alt"&gt;&lt;/i&gt; Login&lt;/button&gt;
        &lt;input type="hidden" name="next" value="{{ next }}" /&gt;
      &lt;/form&gt;
  
      {# Assumes you setup the password_reset view in your URLconf #}
      &lt;p&gt;&lt;a href="{% url 'password_reset' %}"&gt;Lost password?&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  {% endblock content %}
  </code></pre>