12、前端开发安全与架构优化全解析

前端开发安全与架构优化全解析

1. 前端开发安全要点

在前端开发中，安全是至关重要的一环。为了确保前端应用的安全性，我们可以将一些工具融入开发工作流程，这样能主动识别并解决潜在的安全风险。以下是一些关键的安全规则和预防措施：
- 避免直接访问 DOM ：使用 React 时，无论采用何种 API（如 dangerouslySetInnerHTML 、 React.createElement 、 useRef 、 createRef 或 findDOMNode ）直接访问 DOM 都被视为不良实践。
- 净化 HTML 字符串 ：若不得不使用 dangerouslySetInnerHTML ，必须使用 DOMPurify 对 HTML 字符串进行净化。
- 净化所有使用的 URL ：确保所有使用的 URL 都经过净化处理。
- 输入验证 ：对来自所有可能不可靠来源（包括前端、后端，甚至合作伙伴和供应商）的数据进行输入验证。
- 净化 JSON 数据 ：任何打算直接由 React.createElement 使用的 JSON 数据都必须进行净化。
- 净化赋值内容 ：对赋值给 innerHT