将django csrf标记添加到angular 5表单

时间:2017-12-26 10:19:39

标签: django angular angular5

即时工作在django-angular5项目我有一个角度的登录表单我应该如何将csrf令牌添加到我的表单?没有我得到这个错误 我搜索相同的主题,但人们正在使用角度js,这将无法帮助我 (我使用静态文件构建角度应用程序)

Forbidden (403)
CSRF verification failed. Request aborted.
Help
Reason given for failure:
    CSRF token missing or incorrect.

这是我在home.compoenent.html

中登录的简单表格
<form method="post">

    <div class="input-field col s6">
        <input id="first_name" type="text" name="username" class="validate">
        <label for="first_name">نام کاربری</label>
    </div>
   <div class="input-field col s6">
        <input  id="first_name" type="password" name="password" class="validate">
        <label for="first_name">کلمه عبور</label>
    </div>

    <input type="submit" class="waves-effect waves-light btn" value="login"/>
    <input type="hidden" name="next" value="{{ next }}"/>
</form>

1 个答案:

答案 0 :(得分:-1)

在表单中

,您只需添加{% csrf_token %} 你会有这样的事情:

    <form method="post">
        {% csrf_token %}
        <div class="input-field col s6">
            <input id="first_name" type="text" name="username" class="validate">
            <label for="first_name">نام کاربری</label>
        </div>
       <div class="input-field col s6">
            <input  id="first_name" type="password" name="password" class="validate">
            <label for="first_name">کلمه عبور</label>
        </div>

        <input type="submit" class="waves-effect waves-light btn" value="login"/>
        <input type="hidden" name="next" value="{{ next }}"/>
    </form>