使用 POST 请求提交表单后出现错误 404

Question

http://127.0.0.1:8000/tasks 工作正常，但是当我添加任务并提交时，我收到了 404，

错误：使用 mysite.urls 中定义的 URLconf，Django 按以下顺序尝试了这些 URL 模式：

admin/
polls/
newyear/
tasks/ [name='index']
tasks/ add [name='add']
The current path, tasks/{ % url 'add' % }, didn't match any 
of these

mysite\tasks\urls.py

from django.urls import path,include
from . import views


urlpatterns = [
path("", views.index, name='index'),
path("add", views.add, name='add')]

mysite\mysite\urls.py

from django.contrib import admin
from django.urls import path,include

urlpatterns = [
path('admin/', admin.site.urls),
path('polls/',include('polls.urls')),
path('newyear/', include('newyear.urls')),
path('tasks/', include('tasks.urls'))]

mysite\tasks\views.py

from django.shortcuts import render
tasks = ["foo", "bar", "baz"]
def index(request):
   return render(request, "tasks/index.html", { 
    "tasks": tasks
 })
  def add(request):
     return render(request, "tasks/add.html")
 
  )

mysite\tasks\templates\tasks\index.html

   {% extends "tasks/layout.html" %}

{% block body %}
<h1>
    Tasks
</h1>
   <ul>
    {%for task in tasks%}
        <li> {{task}}</li> 
    {%endfor%}

    </ul>
    <a href="{% url 'add' %}">Add a New Task</a>
  {% endblock %}

mysite\tasks\templates\tasks\add.html

{% extends "tasks/layout.html" %}

{% block body %}
<h1>
    Add Task
</h1>
<form action= "{ % url 'add' % }" method="post">
    <input type="text" name="task">
    <input type="submit">

</form>  
<a href= "{% url 'index' %}">View Tasks</a>
{% endblock %}

Answer 1

除了 Alexey Popov 回答用空格修复损坏的标签 {% ... %} 之外，还记得在表单中添加一个 csrf 令牌：

<form action= "{% url 'add' %}" method="post">
    {% csrf_token %}
    ...