--- title: Content Security Policy header with Phoenix LiveView description: The post discusses how to use the Content Security Policy (CSP) header with Phoenix LiveView and provides guidance on setting up CSP headers, handling inline... canonical: https://daily.dev/posts/content-security-policy-header-with-phoenix-liveview-hw7cuaoom twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Content Security Policy header with Phoenix LiveView | daily.dev og:description: The post discusses how to use the Content Security Policy (CSP) header with Phoenix LiveView and provides guidance on setting up CSP headers, handling inline... og:url: https://daily.dev/posts/content-security-policy-header-with-phoenix-liveview-hw7cuaoom og:image: https://api.daily.dev/og/posts/HW7CUaooM.png og:image:alt: Content Security Policy header with Phoenix LiveView og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Content Security Policy header with Phoenix LiveView **[ElixirStatus](https://daily.dev/sources/elixirstatus)** · 6 min read · 2 upvotes · 0 comments ## Summary The post discusses how to use the Content Security Policy (CSP) header with Phoenix LiveView and provides guidance on setting up CSP headers, handling inline styles and scripts, and generating nonces. The CSP module in Phoenix is documented and instructions are provided on how to install and configure it in a Phoenix app. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: --- Tags: [#security](https://daily.dev/tags/security), [#webdev](https://daily.dev/tags/webdev), [#liveview](https://daily.dev/tags/liveview) [View this post on daily.dev](https://daily.dev/posts/content-security-policy-header-with-phoenix-liveview-hw7cuaoom) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Content Security Policy header with Phoenix LiveView","url":"https://daily.dev/posts/content-security-policy-header-with-phoenix-liveview-hw7cuaoom","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/content-security-policy-header-with-phoenix-liveview-hw7cuaoom"},"datePublished":"2024-03-24T17:16:54.673Z","dateModified":"2024-05-09T09:06:08.895Z","description":"The post discusses how to use the Content Security Policy (CSP) header with Phoenix LiveView and provides guidance on setting up CSP headers, handling inline...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/8f2a510804609bff28f542136b565ea1?_a=AQAEufR","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/8f2a510804609bff28f542136b565ea1?_a=AQAEufR","isAccessibleForFree":true,"articleSection":"ElixirStatus","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"ElixirStatus","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/22e4640538124187827caf8cc8e39190","url":"https://daily.dev/sources/elixirstatus"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/content-security-policy-header-with-phoenix-liveview-hw7cuaoom","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"security,webdev,liveview","timeRequired":"PT6M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"ElixirStatus","item":"https://daily.dev/sources/elixirstatus"},{"@type":"ListItem","position":3,"name":"Content Security Policy header with Phoenix LiveView"}]} ```