-
HTTP 安全漏洞简介
-
伪造跨站请求（CSRF/XSRF） ：
- 跨站请求伪造（Cross - Site Request Forgery，简称 CSRF 或 XSRF）是一种攻击方式，攻击者通过诱使用户访问一个恶意链接或页面，利用用户已登录的身份，在用户不知情的情况下，以用户的名义向目标网站发送恶意请求。例如，用户在已登录银行网站的情况下，访问了一个包含恶意代码的页面，该恶意代码可能会自动向银行网站发送转账请求，由于用户已经登录，银行网站会认为这是用户的合法操作，从而导致用户资金损失。
-
跨站脚本注入（XSSI） ：
- 跨站脚本注入（Cross - Site Script Inclusion，简称 XSSI）是一种利用网站漏洞将恶意脚本注入到网页中的攻击方式。攻击者通过在网页中注入恶意 JavaScript 代码，当用户访问该网页时，恶意脚本会在用户的浏览器中执行，从而窃取用户的敏感信息（如 cookie、登录凭证等），或者进行其他恶意操作。例如，攻击者在一个论坛的评论区注入恶意脚本，当其他用户浏览该评论时，恶意脚本就会在他们的浏览器中执行。
-
-
为什么说不是 Vue 所担心的重点
- Vue 的定位：Vue 是一个专注于构建用户界面的前端 JavaScript 框架，其主要职责是处理用户界面的渲染、交互以及数据绑定等功能。虽然 Vue 应用也需要与后端进行交互，但它并不直接负责处理 HTTP 请求的安全性验证等核心安全逻辑。
- 安全责任划分：HTTP 安全漏洞的防范主要依赖于后端服务器。后端服务器负责验证请求的来源、合法性以及对请求数据进行严格的过滤和验证。例如，对于 CSRF 攻击，后端可以通过验证 CSRF Token 来判断请求是否来自合法用户；对于 XSSI 攻击，后端可以对用户输入的数据进行严格的过滤和转义，防止恶意脚本的注入。
-
和后端团队交流学习如何与 API 最好地进行交互的重要性
-
表单提交时提交 CSRF Token：
- 在前端与后端 API 进行交互，特别是在表单提交时，提交 CSRF Token 是防范 CSRF 攻击的重要措施。前端需要了解后端生成和验证 CSRF Token 的机制，确保在每次表单提交时，将正确的 CSRF Token 发送给后端。例如，在 Vue 应用中，可以在表单组件中添加一个隐藏的输入字段，用于存储 CSRF Token，然后在提交表单时，将该 Token 与其他表单数据一起发送给后端。
-
数据传输的安全性：
- 与后端团队交流可以了解 API 对数据传输的要求和安全规范，例如数据的加密方式、传输协议等。这有助于前端确保在与后端交互过程中，数据的安全性和完整性。例如，了解后端是否支持 HTTPS 协议，前端可以确保所有的 API 请求都通过安全的 HTTPS 连接进行。
-
错误处理和反馈：
-
了解后端 API 的错误处理机制和反馈信息，有助于前端更好地处理用户请求。例如，当后端 API 返回一个错误代码时，前端可以根据这个错误代码，给用户提供相应的错误提示和处理建议，提高用户体验。
-
-
总之，虽然 Vue 本身并不直接处理 HTTP 安全漏洞，但与后端团队进行交流学习，了解如何与 API 最好地进行交互，对于构建安全、可靠的应用至关重要。
