Vite + Vue 3 built project Content-Security-Policy Error (CSP) 'script-src "self"' because of new Function constructor in built files
I have added CSP header 'Content-Security-Policy': "script-src 'self'", built project, then got error:
Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the following Content Security Policy directive: "script-src 'self'".
which disables using eval & Function constructors. Is it possible to get rid of using Function constructor in built files?
Solution
actually, it wasn't problem of vue 3 itself. The problem was caused from 'vue-i18n' plugin which was solved by adding
__INTLIFY_JIT_COMPILATION__: true
to define object in vite.config.ts
- In the Tauri Release app, how can I access a file in the distDir folder?
- Vitest defineConfig, 'test' does not exist in type 'UserConfigExport'
- Tailwind CSS isn’t styling my React components when others import them. Why?
- Universal way to use CommonJS in Javascript with ESM
- How can I dynamically change woff files to the correct port in development mode?
- Electron Forge + SerialPort native dependency packaging not working
- How to do a reactjs horizontal scroll webpage
- Absolute path not working in Vite project React TS
- React Vite web app will not apply css after build
- How do I use Typescript path aliases in Vite?
- React Vite + Typescript fails in Jenkins but succeeds locally
- Custom URL in Vite dev server (multi page app)
- Files in the public directory are served at the root path error when serving a React + Vite app with Express
- How to setup Laravel+Vuejs in Docker
- How to use Axios with Laravel 10 and Vite?
- The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0
- Vite - Azure pipelines | React .NET - There was an error exporting the HTTPS developer certificate to a file
- How to minify json files while Vite build?
- Docker publishing port not working in Windows 10
- TailwindCSS not working with Vite + React
- I am getting a buffer error when using a Typescript RPC library in Vite, Vue
- How do I use dayjs in Vite for Vue or React?
- Error running server in laravel/react app
- running a vite dev server inside a docker container
- images paths in the build when they are provided from a JSON
- Trying to build a lib working with VitePress, Vite build error: failed to resolve import "@siteData"
- Vite React app: esbuild error in Docker container
- TypeError: Type {} is not assignable to type string | undefined when importing an image in React
- How to set vite.config.js base public path?
- Would comments in ReactJS show in client browsers with Vite?