ThinkPHP6开启CSRF表单验证

最新推荐文章于 2022-04-20 15:35:28 发布

东小记

最新推荐文章于 2022-04-20 15:35:28 发布

阅读量2.1k

点赞数

分类专栏： PHP 后端文章标签：后端 php thinkphp

本文链接：https://blog.csdn.net/qq_36436407/article/details/118560673

版权

PHP 同时被 2 个专栏收录

22 篇文章 0 订阅

订阅专栏

后端

21 篇文章 0 订阅

订阅专栏

使用原因

项目使用非前后端分离的情境下，提交表单时，开启CSRF中间件能提高操作安全性。

简单配置

开启session中间件与csrftoken验证中间件

# 修改app/middleware.php，去掉SessionInit类注释并增加FormTokenCheck类
<?php
// 全局中间件定义文件
return [
    // 全局请求缓存
    // \think\middleware\CheckRequestCache::class,
    // 多语言加载
    // \think\middleware\LoadLangPack::class,
    // Session初始化
     \think\middleware\SessionInit::class,
    // FormToken验证
    \think\middleware\FormTokenCheck::class,
];

ps：本人直接使用全局中间件来演示。

两种提交数据的场景

表单提交

1.在form表单内设置隐藏域，生成CsrfToken

# 第一种形式：生成隐藏域表单
<?=token_field()?>
# 第二种形式：定义token名称并设置值
<input type="hidden" name="__token__" value="<?=token()?>" />

2.简单HTML实例代码

<!DOCTYPE html>
<html lang="en">

<head>
    <?=token_meta()?>
</head>

<body class="bg-gradient-primary">

<div class="container">
    <form id="loginForm" class="user" action="/admin/doLogin" method="post">
        <?=token_field()?>
        <input value="123456789@qq.com" name="account">
        <input value="123456" name="password" type="password">
        <a onclick="doLogin()" href="#" class="btn">登录</a>
    </form>
</div>
</body>
</html>
<script>
  function doLogin()
  {
     $('#loginForm').submit();
  }
</script>

ajax异步提交

1.生成meta标签

# 第一种形式：直接通过方法生成meta标签,放置在页面head块里
<?=token_meta()?>
# 第二种形式：定义meta名称并设置值
<meta name="csrf-token" content="<?=token()?>">

2.调用ajax时，通过设置headers参数携带CsrfToken

let data = $('form').serializeArray();
$.ajax({
    type:'POST',
    url: '/admin/doLogin',
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    },
    data:data,
    success:function (res) {
      console.log(res)
    },
    error:function (err) {
      console.log(err)
    }
})

3.简单HTML实例代码

<!DOCTYPE html>
<html lang="en">

<head>
    <?=token_meta()?>
</head>

<body class="bg-gradient-primary">

<div class="container">
    <form id="loginForm" class="user">
        <input value="123456789@qq.com" name="account">
        <input value="123456" name="password" type="password">
        <a onclick="doLogin()" href="#" class="btn">登录</a>
    </form>
</div>
</body>
</html>
<script>
  function doLogin()
  {
    let data = $('#loginForm').serializeArray();
    $.ajaxSetup({
      headers: {}
    })
    $.ajax({
      type:'POST',
      url: '/admin/doLogin',
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      data:data,
      success:function (res) {
        console.log(res)
      },
      error:function (err) {
        console.log(err)
      }
    })
  }
</script>

赋上TP6文档地址，更多细节可自行查阅：https://www.kancloud.cn/manual/thinkphp6_0/1037632

东小记

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
ThinkPHP6开启CSRF表单验证

目录使用原因简单配置两种提交数据的场景表单提交ajax异步提交使用原因项目使用非前后端分离的情境下，提交表单时，开启CSRF中间件能提高操作安全性。简单配置开启session中间件与csrftoken验证中间件# 修改app/middleware.php，去掉SessionInit类注释并增加FormTokenCheck类<?php// 全局中间件定义文件return [ // 全局请求缓存 // \think\middleware\
复制链接

扫一扫