Vue I18n 项目中避免使用 unsafe-eval 的 CSP 合规方案

在 Vue I18n 项目中，开发者有时会遇到内容安全策略(CSP)限制导致的运行时错误。当项目配置了严格的内容安全策略且未包含 unsafe-eval 指令时，系统会阻止通过 new Function() 动态执行代码的行为。

Vue I18n 的核心编译机制默认使用运行时模板编译，这依赖于 JavaScript 的 Function 构造函数来动态生成翻译函数。这种实现方式虽然灵活，但会触发 CSP 的安全限制，特别是在生产环境中，这可能导致翻译功能完全失效。

对于需要遵守严格 CSP 策略的项目，Vue I18n 提供了 JIT(Just-In-Time)编译方案作为替代。JIT 编译在构建阶段预先处理所有翻译消息，将它们转换为可直接执行的函数，从而完全避免了运行时的代码评估需求。

要启用 JIT 编译优化，开发者需要在构建配置中进行相应设置。这种方式不仅解决了 CSP 合规性问题，还能带来额外的性能优势。由于翻译函数在构建时就已经生成，运行时不再需要编译步骤，这可以显著提高应用的初始渲染速度。

对于已经部署的项目，如果突然出现 CSP 相关错误，检查并启用 JIT 编译通常是最高效的解决方案。这种方法既保持了应用的安全性，又不牺牲国际化功能的完整性，是生产环境部署的理想选择。