Laravel使用圣殿来验证一个水疗中心

2021-07-27 19:00:03 laravel 阅读：758
但是如果你看一下网络标签，你会发现我们甚至连一个***56***的请求都没有。事实上，我们看到的只是一个***57***的请求。为什么？好吧，原因是我们的请求不符合所谓的\"简单请求\"，因为它的***58***头是***59***。这使得它成为一个\"预飞请求\"：在实际请求被发送之前，一个\"预飞\"***60***请求被发送到服务器，服务器将用一组头响应，浏览器可以从中决定是否继续发出实际请求。由于我们的Laravel应用程序还没有为CORS设置好，它不会发送任何***61***头文件，因此不会发生正确的请求。前端实际上已经为我们覆盖了，因为浏览器会自动发送带有请求的***62***头。因此，我们只需要设置后端。 实际上，从Laravel 7开始，框架就附带了一个现成的CORS中间件。它可以在***63***配置文件中配置。打开它，你会看到***64***默认设置为***65***-也就是说，所有东西都可以发出读取请求。那它为什么不起作用呢？再往上一点是一个***66***键，它允许***67***命名空间中的任何内容。但是我们的登录路径默认是在根命名空间中：**68***。让我们把***69***加到***70***数组中。现在再次填写登录表并提交。CSRF 新的错误！***71***. 检查响应：\"CSRF令牌不匹配\"。转到下一期！CSRF代表\"跨站点请求伪造\"：它是恶意代理在经过身份验证的环境中执行操作的一种方式。OWASP指南中的一个示例：您已登录到您的网上银行网站。通过社会工程，你被欺骗去访问一个网站，而你仍然登录银行的网站。这个对黑客网址的\"访问\"可能隐藏在电子邮件中的0x0图像中，或者是一个诱人的链接，或者其他什么。不管怎么说，这个网址会击中银行的API和做一些可怕的事情与你的帐户。因为您已经登录到银行，所以不需要经过任何身份验证步骤。恐惧接踵而至。 如何避免这种情况？一种方法，我们将在这里介绍的方法，是让服务器在cookie中向客户机发送一个随机令牌，然后客户机将该令牌作为自定义头包含到服务器的每个请求中。如果我们运行***72***，我们将看到***73***路由属于***74***中间件组，其中包括***75***中间件。在它的***76***方法中，我们看到这个条件： ***77*** 如果这个条件的值是***78***，则抛出一个***79***。现在，由于我们没有读取（我们正在发送一个***80***请求），也没有运行单元测试，并且没有任何配置为异常，所以它将运行***81***方法。由于我们还没有发送令牌，这也会失败，因此我们得到了异常。 好的，所以这为我们设置了门保持。但首先我们如何获得CSRF令牌呢？如果我们停留在服务器端，我们可以让Laravel在框架内传递它，例如从控制器到视图。但是框架不支持我们的观点，所以框架需要向我们发送CSRF令牌。***82***的授权警卫不会在开箱即为我们这么做。圣殿就在这里。圣殿将允许我们要求一个CSRF令牌，然后我们可以在我们的头传递。如果你跑 ***83*** 你会在那里看到一条新路线：***84***。（框架如何知道这一点？它来自于***85***方法，在***86***\"s***87***方法中，当我们运行***88***）时，它又被触发了。 所以让我们第一次调用CSRF路由。回到前端的登录代码中，我将修改提交登录表单时进行的Axios调用。首先它将调用请求CSRF令牌；然后它将调用***89***： ***90*** 填写表单，点击return，然后…Error！\"跨来源请求被阻止\"。我以为我们已经处理好了？我们有：但是现在我们需要在***92***配置文件中添加这个新路由到我们的***91***列表中： ***93*** 现在，在您再次点击提交表单之前，打开浏览器的开发工具并查看\"存储\"选项卡（Firefox）或\"应用程序\"选项卡（Chrome）。希望你在那里看不到cookies（如果你看到了，就删除它们）。现在提交表格。还有…还是没有饼干！这里出什么问题了？ 查看\"网络\"选项卡：您拨打***94***得到了***95***的回复，这很好。点击请求，然后点击***96***标签：你会看到两个cookie，Laravel会话cookie和我们想要的那个，97***。但是如果你进入浏览器存储区，这些cookies就不会被保存。为什么不呢？ 这与cookie的范围有关。正如MDN文档所建议的那样，***98***指令将允许您指定cookie适用的子域。让我们看一看

CSS无头WordPress到底有多合适？

我想知道无头WordPress会在哪里登陆。\"headless\"指的是只使用WordPress管理，通过WordPress restapi构建面向用户的站点，而不是传统的WordPress主题结构？WordPress的未来？还是相对利基？需求在哪里？当然，对它有需求。我知道很多人都这么做。例如，Gatsby有一个gatsby-source-wordpress插件，它允许您以使用wordpressrestapi的方式从WordPress站点获取内容，并将其缓存为GraphQL，以便在React-power...

日期：2021-06-24 01:15:34 浏览：623

CSS制作带有粘性页眉和页脚的表格变得更容易了

不久前，当我在博客中看到HTML中的粘性页眉和页脚时，一个表同时有粘性页眉和粘性第一列。在它里面，我从来没有在任何、或元素上使用position: sticky，因为即使Safari和Firefox可以做到这一点，Chrome也做不到。但是它可以做表格单元格，比如和，这是一个相当不错的解决办法。好吧，这已经改变了。我通过Twitter听说Chrome在v91中\"重写了表格\"。https://t.co/vTBplXWWtT我看到它掉了下来，升级了，然后做了一个快速测试。嘿，看看有粘性的表格页眉和页脚。@C...

日期：2021-06-24 02:00:01 浏览：939

CSS技巧编年史XXXX

只是我最近做的一些非现场工作的一个小链接汇总。就像我习惯的那样。DevJourney播客#151 Chris Coyier从陶瓷到CSS技巧和代码笔\"Chris带我们从玩他的第一个C64到他的陶瓷文学学士，再回到web开发。我们讨论了他在这一过程中的不同立场，以及他们是如何缓慢但肯定地引导他走向web开发的。我们浏览了CSS技巧的创造和娱乐，在开放中学习，以及美好的一天是什么样子。Podrocket Podcast火箭手术：Kaelan和Chris Coyier比较笔记我被要求删除这里嵌入的音频，如果你想...

日期：2021-06-24 02:00:03 浏览：864

CSS使用子资源完整性保护您的网站

当您从外部服务器加载文件时，您相信您请求的内容是您期望的内容。由于您不自己管理服务器，因此您依赖于另一个第三方的安全性，从而增加了攻击面。信任第三方并不是天生的坏事，但它肯定应该在网站安全的背景下加以考虑。一个真实的例子这不是纯粹的理论危险。忽视潜在的安全问题可能而且已经造成严重后果。2019年6月4日，Malwarebytes宣布他们在网站上发现了一个恶意的略读程序NBA.com. 由于Amazon S3存储桶受损，攻击者能够修改JavaScript库以窃取客户的信用卡信息。值得担心的不仅仅是JavaSc...

日期：2021-06-24 02:00:03 浏览：767

CSS联合的可能性

这是首字母缩略词RSS中不是形容词的一个词。非常简单联合更新：Lol这里有两个错误。RSS是首字母缩写而不是首字母缩写，\"Really\"是副词而不是形容词。RSS不仅仅是RSS阅读器。尽管如此，如果我不喜欢RSS阅读器。它是关于把内容放在一种设计成可移植的格式。内容的API并不是一个隐喻，这就是它的字面含义。RSS一直在我的脑海中，因为它就像我的日报，但我敢打赌它并不是人们关注的最高峰，甚至是开发者。尽管如此，它还是受到了一点关注，因为谷歌在androidchrome中引入了一个\"following\...

日期：2021-06-24 03:00:02 浏览：596

CSS在开放细节元素上添加背景

关于元素有一点奇怪，那就是，当它打开时，并不总是100%清楚该元素内部的内容和不内部的内容。我不是说总是重要，或者说它是一个特别难解决的问题，我只是注意到它最近出现在我身上。这里有一个直观的例子：这里的文本在里面，什么不是？这个解决方案是…CSS。把的样式设计得有点独特，这样问题就解决了。即使你希望排版是一样的，或者你不想任何独家风格，直到被打开，这仍然是可能的。使用alpha透明填充，您甚至可以确保更深的嵌套保持清晰。对于只插入内联内容的&lt；详细信息&gt；（如\"spoiler\"UI或其他内容），...

日期：2021-06-24 03:00:04 浏览：763

CSS容器查询的聚宝盆

我不知道是什么原因，但是我的feed在过去的几周里充斥着关于CSS容器查询的文章。有关集装箱查询的热议实际上始于去年12月，当时米丽亚姆•苏珊娜（Miriam Suzanne）发布了一份提案（采纳了大卫•巴隆的提案），但3月底，Una Kravets在推特上发布的一条消息称，他们在chrome://flags的#enable-container-queries旗后投放了Chrome Canary 91.0.4459.0在如此短的时间内，容器查询已经覆盖了如此多的地方，而且规范甚至还不是最终的！我很高兴看到C...

日期：2021-06-24 03:00:04 浏览：919

CSS target=blank

那会不会让你的眼睛有点抽搐？就像…是打字错误。值的开头应该是带有下划线的>。就像…Welp, that\"s correct syntax!In the case of the no-underscore>, the blank部分只是一个名称。可能是任何东西。它可以是>，或者，可能是为了预示这里的目的：>。是一个特殊的关键字，它将在新选项卡中打开链接，每次都打开一个新选项卡。>将在新选项卡中打开第一个单击的链接，但任何共享>的链接都将在新打开的选项卡中打开。我从来不知道这一点！我相信这条微博的解释。我创建...

日期：2021-06-24 04:00:02 浏览：1004

CSS查看WCAG 2.5.5以获得更好的目标尺寸

你有没有经历过这样的挫折：试图点击移动设备上的一个按钮却什么也不做，因为目标大小不够大，而且它在你的按键上不起作用？也许你有更大的手指，像我一样，也可能是由于灵活性有限。这是因为我们，即用户，必须与之交互的元素的目标区域越来越小，我们来谈谈如何使其足够大，以便用户能够轻松地与元素交互。如果用户在一个小型手持式触摸屏设备上访问内容，而这个设备的不动产要紧得多，那么这将是一个特别大的问题。成功标准重温我在上一篇涉及WCAG 2.1标准的文章中谈到了成功标准，Label in Name。简言之，WCAG标准是我们...

日期：2021-06-24 04:00:03 浏览：543

CSS Trickz：Netlify随需应变构建器的实验

默认情况下，WordPress站点有一个API。想看看这个网站的最新帖子吗，只是一组特定的数据…JSON格式？给你。Alex Riviere用它做了一个笑话站点。起初，当加载该API客户端时，该站点将fetch。很好，但是如果我们认真考虑一下，它对于访问站点的人来说是非常低效的（也就是说，比服务器呈现的HTML慢），对于API命中率也不是很高。所以，Alex用Netlify函数重新编写了它。然后Netlify函数将从API中fetch（在云中的节点中），并为预呈现的HTML提供服务。这可能更好一些，但正如亚...

日期：2021-06-24 04:00:04 浏览：592