Could not check origin Phoenix LiveView

Phoenix Forum Questions / Help
, ,
#1

When accessing the page she tries to load lasts about 10 seconds and reloads again and stays in that loop without stopping. When accessing the server I saw that at each attempt it shows this message in the log:

[error] Could not check origin for Phoenix.Socket transport.
Origin of the request: http://www.autoplacasma.com.br
This happens when you are attempting a socket connection to
a different host than the one configured in your config/
files. For example, in development the host is configured
to “localhost” but you may be trying to access it from
“127.0.0.1”. To fix this issue, you may either:

  1. update [url: [host: …]] to your actual host in the
    config file for your current environment (recommended)
  2. pass the :check_origin option when configuring your
    endpoint or when configuring the transport in your
    UserSocket module, explicitly outlining which origins
    are allowed:
    check_origin: [“https://example.com”, “//another.com:888”, “//other.com”]

prod.exs

config :autoplacas, AutoplacasWeb.Endpoint,
  http: [port: 80],
  url: [host: "autoplacasma.com.br", port: 80],
  check_origin: ["//autoplacasma.com.br"],
  code_reloader: false,
  cache_static_manifest: "priv/static/cache_manifest.json"

releases.exs

config :autoplacas, AutoplacasWeb.Endpoint,
  http: [:inet6, port: 80],
  secret_key_base: "mysecret",
  server: true,
  pubsub_server: Autoplacas.PubSub,
  live_view: [signing_salt: "mysalt"]
LiveView Page Reload
#2

Have you tried adding this

to releases.exs?

Is it already hosted at autoplacasma.com.br or is it in your local host?

Are you running it with mix phx.server or are you running the release?

#3

It is in production. It was generated via releases. Hosted on autoplacas.com.br

#4

I made this change and keeps giving the same message

#5

This may seem obvious but which command are you using to run your app?

#6

Service (I don’t use nginx):

[Unit]
Description=Phoenix server for DeployPhoenix app
After=network.target

[Service]
User=root
Group=root
Restart=on-failure
RestartSec=5
WorkingDirectory=/home/phoenix-autoplacas
ExecStart=/home/phoenix-autoplacas/_build/prod/rel/autoplacas/bin/autoplacas start
ExecStop=/home/phoenix-autoplacas/_build/prod/rel/autoplacas/bin/autoplacas stop

[Install]
WantedBy=multi-user.target

releases.exs

config :autoplacas, AutoplacasWeb.Endpoint,
  http: [:inet6, port: 80],
  url: [host: "autoplacasma.com.br", port: 80],
  secret_key_base: "mysecret",
  server: true,
  check_origin: ["//autoplacasma.com.br"],
  pubsub_server: Autoplacas.PubSub,
  live_view: [signing_salt: "mysalt"]
#7

Comparing with my configuration in releases.exs I found the following differences

  1. I do not have the check_origin key
  2. I do not specify the port in the url key
  url: [host: "autoplacasma.com.br"],

instead of

  url: [host: "autoplacasma.com.br", port: 80],
#8

Can I ask what check_origin actually is and what does it do?