laravel ajax 解决报错419 csrf 问题

laravel ajax 解决报错419 csrf 问题

大家好,又见面了,我是全栈君。

CSRF是”cross site request forgery”的意思,简单来说就是防止恶意页面中一个简单的form提交,就向你保持了登陆状态了网站里请求做一些你不想做的事情……言尽于此,我们之间看Laravel里的CSRF相关的内容吧!

Laravel(5以后)有个默认的CSRF middleWare,所有POST,PUT请求都会经过这个middleWare,看有没有csrf的token存在并且匹配,不存在的话就会抛出错误页面。提一句,如果做微信接口的话,一定要在接口地址上把这个middleWare给去掉,因为微信大多数都是把数据POST过来的,而你不能奢望微信给你附上一个csrf_token。。。

在Laravel的表单中,埋入一个就可以在表单请求的时候发出正确的token,这样就不会有问题了,而在ajax请求的时候呢,方法多多~

1. 如果你是用ajax submit一个已经存在的form,那么就和平常一样,把csrf藏在表单里就好了,万事大吉。

2. 如果你不是提交表单,那么就要考虑将token值放在一个什么地方,比如还是一个input中,然后ajax提交的时候去读取这个input,附在提交值中。

3. 当然,token值也可以不放在提交的值中,而放在headers里,如果你的js脚本直接写在blade模板里,可以用

$.ajaxSetup({

    headers: { 'X-CSRF-TOKEN' : '{
  
  { csrf_token() }}' }

});

来把token值提交给服务器。

4. 当然很多时候js是在静态文件里的,那么可以把token值放在html的meta里,就像这样

<meta name="_token" content="{
  
  { csrf_token() }}"/>

这样就能用

$.ajaxSetup({

   headers: {

       'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')

   }

});

5. 然而以上的方法都不够帅!!!因为你总是要在页面的什么地方调用csrf_token()输出这个值,然后用js脚本获得这个值~

我看Laravel源码的时候发现,Laravel默认会把CSRF_TOKEN的值写在一个叫XCRF-TOKEN的cookie中,其实每次访问这个值都会发生变化,那我们只要用这个值就好了嘛,下面就是见证奇迹的时刻(好古老的梗):

$.ajaxSetup({

     headers: {

         'X-XSRF-TOKEN': $.cookie('XSRF-TOKEN')

     }

});

在某个全局地方调用这个就好了,你不需要再手动输出token了(当然你要用cookie插件)!注意这里的XSRF而不是CSRF了。

补充:

You have to add data in your ajax request. I hope so it will be work.

data: {
        "_token": "{
  
  { csrf_token() }}",
        "id": id
        }

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/111776.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 单调队列优化的背包问题[通俗易懂]

    单调队列优化的背包问题[通俗易懂]对于背包问题,经典的背包九讲已经讲的很明白了,本来就不打算写这方面问题了。但是吧。我发现,那个最出名的九讲竟然没写队列优化的背包。。。。那我必须写一下咯嘿嘿,这么好的思想。我们回顾一下背包问题吧。01背包问题题目有N件物品和一个容量为V的背包。第i件物品的费用是c[i],价值是w[i]。求解将哪些物品装入背包可使这些物品的费用总和不超过背包容量,且价值总…

    2022年6月25日
    21
  • html视频标签属性_html音频标签

    html视频标签属性_html音频标签一、基本语法 代码如下: embedsrc=url 说明:embed可以用来插入各种多媒体,格式可以是Midi、Wav、AIFF、AU、MP3等等,Netscape及

    2022年8月3日
    3
  • 男人的恋爱过程「建议收藏」

    男人的恋爱过程「建议收藏」当对选择恋人的过程越谨慎,就越容易找到适合的恋人。虽然有的人很快就达到目的,但是基本上这是一个不断尝试与错误的过程。透过自我调整,最后终将达成目的。对常规四个阶段变化的了解,你可以了解你距离目标还有多远。让我们仔细探索男人、在四个阶段中的不同反应。男人:生理上的吸引在第一阶段男人对女人先产生生理上的吸引是很正常的。男人尤其注意女人的外表,她走路的方式、她的头发、微笑、眼睛、身高、美腿、…

    2022年7月25日
    9
  • json学习初体验–第三者jar包实现bean、List、map创json格式

    json学习初体验–第三者jar包实现bean、List、map创json格式

    2022年1月13日
    53
  • php好用的中文转拼音的类库

    php好用的中文转拼音的类库中文转拼音的类库<?phpnamespacejplt;usethink\Db;usethink\Config;usethink\Session;usethink\Request;/**jplt\Pinyin*CreatedbyPhpStorm.*User:jifei*Date:15/6/25*Time:下午2:26*/classPinyin{//中文字符串privatestatic$string=’

    2022年6月21日
    30
  • mac 文字识别软件ocr_Mac平台上一款免费的OCR文字识别功能的屏幕截图软件Screen OCR…

    mac 文字识别软件ocr_Mac平台上一款免费的OCR文字识别功能的屏幕截图软件Screen OCR…今天小编为大家带来Mac平台上一款免费的OCR文字识别功能的屏幕截图软件ScreenOCRforMac(屏幕截图OCR工具)​www.macdown.com。使用这款截图ocr识别工具可以帮助用户从屏幕截图中获取不可复制文本。ScreenOCRMac版软件介绍ScreenOCRforMac是一款非常简单易用的Mac桌面图片转文字的工具。通过设置快捷键,捕捉屏幕图像,调用OCR功能,…

    2022年5月22日
    75

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号