mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-13 09:33:54 +00:00
fix(nuxt): add crossorigin
attribute for stylesheets (#29138)
This commit is contained in:
parent
d0ddc0d695
commit
a4534ae233
@ -386,7 +386,7 @@ export default defineRenderHandler(async (event): Promise<Partial<RenderResponse
|
||||
link: [
|
||||
process.env.NUXT_JSON_PAYLOADS
|
||||
? { rel: 'preload', as: 'fetch', crossorigin: 'anonymous', href: payloadURL }
|
||||
: { rel: 'modulepreload', href: payloadURL },
|
||||
: { rel: 'modulepreload', crossorigin: '', href: payloadURL },
|
||||
],
|
||||
}, headEntryOptions)
|
||||
}
|
||||
@ -407,7 +407,7 @@ export default defineRenderHandler(async (event): Promise<Partial<RenderResponse
|
||||
// - in dev mode when not rendering an island
|
||||
// - in dev mode when rendering an island and the file has scoped styles and is not a page
|
||||
if (!import.meta.dev || !isRenderingIsland || (resource.file.includes('scoped') && !resource.file.includes('pages/'))) {
|
||||
link.push({ rel: 'stylesheet', href: renderer.rendererContext.buildAssetsURL(resource.file) })
|
||||
link.push({ rel: 'stylesheet', href: renderer.rendererContext.buildAssetsURL(resource.file), crossorigin: '' })
|
||||
}
|
||||
}
|
||||
if (link.length) {
|
||||
|
@ -1813,7 +1813,7 @@ describe.skipIf(isDev() || isWebpack)('inlining component styles', () => {
|
||||
|
||||
it('should not include inlined CSS in generated CSS file', async () => {
|
||||
const html: string = await $fetch<string>('/styles')
|
||||
const cssFiles = new Set([...html.matchAll(/<link [^>]*href="([^"]*\.css)">/g)].map(m => m[1]!))
|
||||
const cssFiles = new Set([...html.matchAll(/<link [^>]*href="([^"]*\.css)"(?: crossorigin)?>/g)].map(m => m[1]!))
|
||||
let css = ''
|
||||
for (const file of cssFiles || []) {
|
||||
css += await $fetch<string>(file)
|
||||
@ -1834,11 +1834,7 @@ describe.skipIf(isDev() || isWebpack)('inlining component styles', () => {
|
||||
|
||||
it('does not load stylesheet for page styles', async () => {
|
||||
const html: string = await $fetch<string>('/styles')
|
||||
expect(html.match(/<link [^>]*href="[^"]*\.css">/g)?.filter(m => m.includes('entry'))?.map(m => m.replace(/\.[^.]*\.css/, '.css'))).toMatchInlineSnapshot(`
|
||||
[
|
||||
"<link rel="stylesheet" href="/_nuxt/entry.css">",
|
||||
]
|
||||
`)
|
||||
expect(html.match(/<link [^>]*href="[^"]*\.css">(?: crossorigin)?/g)?.filter(m => m.includes('entry'))?.map(m => m.replace(/\.[^.]*\.css/, '.css'))).toMatchInlineSnapshot(`undefined`)
|
||||
})
|
||||
|
||||
it('still downloads client-only styles', async () => {
|
||||
@ -2368,6 +2364,7 @@ describe('component islands', () => {
|
||||
{
|
||||
"link": [
|
||||
{
|
||||
"crossorigin": "",
|
||||
"href": "/_nuxt/components/islands/PureComponent.vue?vue&type=style&index=0&scoped=c0c0cf89&lang.css",
|
||||
"rel": "stylesheet",
|
||||
},
|
||||
|
Loading…
Reference in New Issue
Block a user