Vite + Vue 3 构建项目内容安全策略错误（CSP）'script-src“self”'，因为构建文件中存在新的 Function 构造函数

Question

我添加了 CSP 标头 'Content-Security-Policy': "script-src 'self'"，构建项目，然后出现错误：

拒绝将字符串评估为 JavaScript，因为“unsafe-eval”不是以下内容安全策略指令中允许的脚本源：“script-src 'self'”。

这会禁用 eval 和 Function 构造函数。是否可以在构建文件中摆脱使用函数构造函数？

Answer 1

其实，这不是vue 3本身的问题。问题是由 “vue-i18n”插件通过添加解决了

__INTLIFY_JIT_COMPILATION__: true

在 vite.config.ts 中定义对象