Refuse to load image - Content Security Policy directive

[clementbouakilohmydev]

Hi there,

I want to connect my Hydrogen with external API's but if my image's url isn't a Shopify CDN i can't load image...

I tried to changes my entry.server.tsx but not worked...

Thanks

[blittle]

Update your createContentSecurityPolicy in entry.server.tsx to include an imgSrc directive:

  const {nonce, header, NonceProvider} = createContentSecurityPolicy({
    imgSrc: [
      "'self'",
      'https://cdn.shopify.com',
      'https://rickandmortyapi.com',
    ],
  });

[clementbouakilohmydev]

Yes i have the sams imgSrc but doesn't work, i have a createRickAndMortyClient.server.ts it's because headers it's different ?