viterollupcontent-security-policy
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
- Hash CSS Module Styles with Vite
- How to set Vite config for dynamic imports (code-splitting) when entry file and chunks are on a different domain?
- Vitest defineConfig, 'test' does not exist in type 'UserConfigExport'
- Relative path or subdirectory with Laravel 11 vite
- Tailwind error when installing shadcn in Vite React App
- Can Shadcn ui be installed for Vite + React with javascript and not typescript?
- TypeError: Cannot read properties of null (reading 'ce')
- Issue with Dynamic Importing of Svelte Component in JavaScript with Svelte
- Vitejs is loading the whole bundle size instead of the selected ones
- Loading a worker script at build time in a Vite project
- How to add inline SVGs in a nuxt3 vite project
- Skipping larger chunks while running "Npm run build"
- javascript can't access private field or method error on event
- Unable to locate file in Vite manifest: resources/js/Pages/MainPage.vue
- The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0
- Fast loading of audio WaveSurfer and PeakJs
- "TypeError: Failed to fetch dynamically imported module" on Vue/Vite vanilla setup
- Property 'env' does not exist on type 'ImportMeta'.ts(2339)
- Stuck while setting up React Router: Error: Objects are not valid as a React child (found: object with keys {path, element, errorElement, children})
- String replacements in index.html in vite
- Import aliasing won't work in Vite (React, Typescript) boilerplate
- Why does my Vue/Vite/Typescript application require me to separate "import" and "import type" by default?
- Creating a Typescript Library Using Vite, leads to import errror: "TypeError: au.release is not a function" in the project
- page not found - react/vite app not routing correctly on github pages
- Blank page when deploying a react app to github pages and vite
- Railway.app Laravel / Vue deployment: filepath error
- How to set sassOptions in Vite
- Server Action In Pure React Application(Using Vitejs)
- @tanstack/react-router (Typescript) - how to get the string of union types that's auto-generated for Link.to prop?
- Vite (react) project after building, dist folder/assets don't have any image