DmytroNasyrov
CSS 'url' helper and Endpoint 'static_url'
Please help. Stucked in the middle of deploy. Umbrella project contains phoenix app, phoenix app contains static image assets which sits on S3 and CloudFront. I have added to endpoint:
static_url: [scheme: "https", host: "s3-us-west-2.amazonaws.com/tram-pam-pam/directory", port: 443]
It woks fine for html with static_url helper. Example: <link rel="stylesheet" href="<%= static_url(@conn, "/css/app.css") %>">
But it doesn’t work for CSS background-image: url("/images/phoenix.png");. Generated path is relative instead of the path from endpoint settings. How to generate absolute path to the image from CSS(surely using image with a digest)?
Thanks.
First Post!
OvermindDL1
Relative is absolutely what it should be. That is necessary if the system is put behind a proxy or so.
From css you should not be using an absolute path, you should be using a relative path. From CSS a url should always be relative to the current css file or should be an absolute path to another server.
Popular in Questions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Practical resources that improve the lives of professional developers.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #advent-of-code
- #elixirconf-us
- #distillery
- #processes
- #forms
- #api
- #metaprogramming
- #security
- #performance
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Real-time error tracking, performance insights, and observability for devs.
Practical resources that improve the lives of professional developers.
Producing high quality Elixir screencasts since 2017.
Enabling companies to succeed by building software people love.
Courses that'll move you from confusion to "Aha, now I get it!"