i-n-g-m-a-r

i-n-g-m-a-r

To play around with LiveView on my phone I have configured my Endpoint like this:

config :my_app, MyAppWeb.Endpoint,
  http: [port: 4000, ip: {0,0,0,0}]

The app works fine on my phone.
(though sometimes the LiveView is extremely slow until I restart my development machine)

When I open the Phoenix app in Chrome on my development machine, only “localhost” works fine.
Both of the following urls will load the app but not mount the LiveView:

[debug] LiveView session was misconfigured or the user token is outdated.

1) Ensure your session configuration in your endpoint is in a module attribute [...]
2) Change the `plug Plug.Session` to use said attribute [...]
3) Also pass the `@session_options` to your LiveView socket [...]
4) Define the CSRF meta tag inside the `<head>` tag in your layout [...]
5) Pass it forward in your app.js [...]

None of these five point apply.
Why is the LiveView not mounted?

On my phone I open this address which does mount the LiveView:
http://192.168.2.6:4000
The problem occurs only on the machine hosting the server (192.168.2.6).

Showing Posts 1 to 1

MrJackdaw

MrJackdaw

This question is now months old, but I feel compelled to share in case it helps someone else.
Summary: Unlike the OP, my app seemed to work fine in the browser (only place I was testing) – but the debug error persisted. I got around it by adding the :protect_from_forgery plug to my browser pipeline. For context, I arrived at the error while trying to add LiveView to an existing phoenix project (which – at time of writing – has zero UI).

The solution makes some sense in retrospect but is not at all documented (and was therefore a trial-and-error discovery). Ultimately, as I said before, I hope it helps someone.

— All posts loaded —

Where Next? Top

Trending in Questions Top

RSP87
I’m working on a project that simulates the bumbl example in the programming phoenix book. It acts almost like an email client. We have a...
New
RemyXRenard
I’m seeing that a list inside a Kino.DataTable will be interpreted as a charlist, even if the Kino.configure() is set to charlists: :as_l...
New
velrest
So my question is quite simple and i have found no conclusive answer on forum, google or AI. Should we use :erlang.float for Integer to ...
New
nseaSeb
Hello, I know there is an approach for handling lists that allows for optimized traversal, but I can’t recall the specific method (somet...
New
samoloth
Hi, I’ve just set up an application with ash_authentication. There is only magic link strategy for now, so there is no confirmation add o...
New
FlyingNoodle
If a change or preparation module uses Ash.Changeset.get_argument/2 or Ash.Query.get_argument/2 (or any of the other get_argument functio...
New
ryanwinchester
apply_graft/2 doesn’t rewrite an add_many sub-workflow’s deps on an add step. Grafted jobs cancel with “upstream job was deleted” Version...
New

Other Trending Topics Top

mudasobwa
I am happy to introduce the very α version of the new programming language compiled to BEAM. Welcome Cure. It has literally three kille...
New
marciok
Hi there! We created Gust: A task orchestrator inspired by Airflow. For those who have never heard about Aiflow, it’s a Python-based wor...
New
jimsynz
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
Dmk
Xamal is a deployment tool for Elixir apps that deploys native releases to bare metal servers over SSH. It’s a port of GitHub - basecamp/...
New
Damirados
Hello everyone. After busy few months I am happy to announce v0.1.0 of Emerge &amp; Solve. They are GUI (Emerge) and State management (S...
New
netoum
Corex is an accessible, unstyled UI component library for Phoenix that integrates Zag.js state machines using Vanilla JavaScript and Live...
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews