Alpine 添加了一个新的构建来与内容安全策略一起使用

最后更新于 作者:

Alpine adds a new build to work with Content Security Policies image

Caleb Porzio 宣布 Alpine.js 现在有一个 CSP 构建,可以在需要 CSP 的环境中使用

为了使 Alpine 能够从 HTML 属性中执行纯字符串作为 JavaScript 表达式,例如 x-on:click="console.log()",它需要依赖于违反“unsafe-eval”内容安全策略的实用程序,而某些应用程序可能为了安全目的而强制执行该策略。

为了适应需要此 CSP 的环境,Alpine 提供了一个替代构建,该构建不会违反“unsafe-eval”,但语法限制更大。

需要注意的一点是,使用此新构建时,必须使用 Alpine.data

由于 Alpine 无法再将字符串解释为纯 JavaScript,因此它必须手动解析和构建 JavaScript 函数。

由于此限制,您必须使用 Alpine.data 来注册您的 x-data 对象,并且必须仅通过键来引用其中的属性和方法。

此新构建可作为 CDN 或通过 npm install @alpinejs/csp 获得

查看 官方文档 以获取完整详细信息和说明。

注意:当被问及 Livewire 支持时,Caleb 说,“不幸的是,还没有,因为 Livewire 有一个或两个地方依赖于 eval (wire:click="something('one', 'two')") 之类的东西”。

Eric L. Barnes photo

Eric 是 Laravel 新闻的创建者,自 2012 年以来一直在报道 Laravel。

归档于
Cube

Laravel 新闻稿

加入 40,000 多名其他开发者,永不错过新的提示、教程等等。

Laravel Forge logo

Laravel Forge

轻松创建和管理您的服务器,并在几秒钟内部署您的 Laravel 应用程序。

Laravel Forge
Tinkerwell logo

Tinkerwell

Laravel 开发人员必备的代码运行器。使用 AI、自动完成和对本地和生产环境的即时反馈进行调试。

Tinkerwell
No Compromises logo

No Compromises

Joel 和 Aaron,两位来自 No Compromises 播客的经验丰富的开发者,现在可以为您 Laravel 项目聘用。 ⬧ 固定费用 $7500/月。 ⬧ 没有冗长的销售流程。 ⬧ 没有合同。 ⬧ 100% 退款保证。

No Compromises
Kirschbaum logo

Kirschbaum

提供创新和稳定性,以确保您的 Web 应用程序取得成功。

Kirschbaum
Shift logo

Shift

运行旧版本的 Laravel?即时、自动化的 Laravel 升级和代码现代化,使您的应用程序保持新鲜。

Shift
Bacancy logo

Bacancy

以每月仅 $2500 的价格,为您的项目配备经验丰富的 Laravel 开发人员,拥有 4-6 年的经验。获得 160 小时的专业知识和 15 天的无风险试用。立即安排电话!

Bacancy
Lucky Media logo

Lucky Media

现在就获得 Lucky - Laravel 开发的理想选择,拥有十多年的经验!

Lucky Media
Lunar: Laravel E-Commerce logo

Lunar: Laravel 电子商务

Laravel 的电子商务。一个开源软件包,将现代无头电子商务功能的功能引入 Laravel。

Lunar: Laravel 电子商务
LaraJobs logo

LaraJobs

官方 Laravel 职位板

LaraJobs
SaaSykit: Laravel SaaS Starter Kit logo

SaaSykit: Laravel SaaS 启动工具包

SaaSykit 是一个 Laravel SaaS 启动工具包,它具有运行现代 SaaS 所需的所有功能。付款、精美结帐、管理面板、用户仪表板、身份验证、准备好的组件、统计数据、博客、文档等等。

SaaSykit: Laravel SaaS 启动工具包
Rector logo

Rector

您无缝升级 Laravel、降低成本和加速创新的合作伙伴,帮助企业取得成功

Rector
MongoDB logo

MongoDB

通过 MongoDB 和 Laravel 的强大集成来增强您的 PHP 应用程序,使开发人员能够轻松高效地构建应用程序。支持事务性、搜索、分析和移动用例,同时使用熟悉的 Eloquent API。了解 MongoDB 灵活、现代的数据库如何改变您的 Laravel 应用程序。

MongoDB

最新消息

查看全部 →
Maska is a Simple Zero-dependency Input Mask Library image

Maska 是一个简单的无依赖项输入掩码库

阅读文章
Add Swagger UI to Your Laravel Application image

在您的 Laravel 应用程序中添加 Swagger UI

阅读文章
Assert the Exact JSON Structure of a Response in Laravel 11.19 image

在 Laravel 11.19 中断言响应的精确 JSON 结构

阅读文章
Build SSH Apps with PHP and Laravel Prompts image

使用 PHP 和 Laravel 提示构建 SSH 应用程序

阅读文章
Building fast, fuzzy site search with Laravel and Typesense image

使用 Laravel 和 Typesense 构建快速、模糊的网站搜索

阅读文章
Add Comments to your Laravel Application with the Commenter Package image

使用 Commenter 软件包为您的 Laravel 应用程序添加评论

阅读文章