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
- How to avoid having to type `base` path in `{{style: url(...)}}` in production build with Vite
- Vitest - @ src folder alias not resolved in test files
- Redirecting of HTTP request on Vite-Vue app - DEV mode
- Disable typescript-eslint plugin rule with inline comment
- Uncaught TypeError: sys is undefined when using Chakra UI with Vite
- Electron - React app __dirname is not defined
- Does the Navigate "to" support second level forwarding?
- Images Display on Local but Not in Production with React + Vite (Absolute Path)
- My Gemini API key is not working properly
- Failed to resolve component: google-pay-button
- CSS from tailwind.admin.config.js not overriding tailwind.config.js when using @config directive
- Vite App with React Fails to Load via Code-Server Proxy: "Loading failed for module" Errors
- Vitest defineConfig, 'test' does not exist in type 'UserConfigExport'
- CSP error with @crxjs/vite-plugin content scripts
- Shadcn: No import alias found in your tsconfig.json file
- Unable to detect MapboxLayer from deck.gl/mapbox
- Cannot use React 19 new `use` hook
- Avoid instantiating multiple objects ReactJS + Vite
- Nuxt3 Vite server port
- How can I solve the issue of 'failed to resolve import in '@/...'" vitest?
- toBeInTheDocument Matcher Not Working in Vitest with @testing-library/jest-dom
- Use `compilerOptions.baseUrl` with Vite.js project?
- Vue 3 & Vite built application shows blank page
- Why loading dynamically assets fails on Nuxt v3
- Syntax error while running vite create with npm
- How to serve Vite development server behind an Nginx reverse proxy
- Cannot use OpenPGP.js V6 in the browser: JavaScript module + TypeScript + Vite + SvelteKit
- Correct Way to Integrate Motion and Lenis with React 18.3.1 in Vite?
- why my vite config(optimizedeps.include) is not working?
- Cannot find module or its corresponding type declarations for index.vue files