Unable to edit Content Security Policy for Shopify Hydrogen App

Retired Boards Appdev Custom Storefronts
1

I created an app using npm create @Shopify_77 [email removed] However, I have been unable to make changes or add URLs to my app’s Content Security Policy. I have read through the docs https://shopify.dev/docs/custom-storefronts/hydrogen/content-security-policy and my code matches the code steps provided.

On entry.server.tsx:

const {nonce, header, NonceProvider} = createContentSecurityPolicy({> styleSrc: [> “‘self’”,> ‘https://cdn.shopify.com’,> ‘https://.mailchimp.com’,> ],> });
Adding, for example, adding 'https://.mailchimp.com’ here doesn’t seem to do anything on my app. Is my formatting incorrect? Or what am I missing?

1 Like
2

You’re adding mailchimp.com to the styleSrc directive. It will only allow loading stylesheet URLs. You might need to add it to defaultSrc or scriptSrc instead.

2 Likes
3

Ah I see. Thanks for the help. I ended up needing to use ‘defaultSrc’ and ‘connectSrc’ for what I was using in my app.

2 Likes