Problem with SPA under NodeJS

[ben]

SPA under NodeJS works well except when I refresh the page as shown

What am I doing wrong?

Edit: Maybe this will help as well…

[George]

Looks perfect Ben - I think @Patrick should just add the automatic client side routes to NodeJS routing as well

[ben]

Fixed in Version 3.0.0 Beta 3

[sid]

Seeing this in v3.2.1.
@ben : Did you have to make any changes for this to work?

[ben]

Hi Siddhant, sorry for the late reply.

The code looks perfectly alright to me. The problem may be due to:

<meta name="ac:route" content="/">
and
<base href="/">

If the siite is local and the root directory is mysite then the above should read "/mysite/". This can be corrected by saving the relevant page in situ.

[sid]

Thanks for the reply @ben, but I did not really follow what you mean by root directory.
The application is inside the ‘/app’ folder as we were discussing in the other thread.
I am seeing this happening in both local server and cPanel.
Can you please explain a bit more what I should update in place of "/"?

[ben]

Sorry Siddhant, my previous reply was barking up the wrong tree. Please forget.

Looking at the online site I see:

When I then select Services, I get:

When I then view the source code, I see the error message. So something is wrong - which is exactly what you are saying.

I am wondering, are you following this tutorial?

Creating template based pages and layout in Wappler with NodeJS

[sid]

No. Not the layout thing. I am trying to create SPA. So as you had suggested in another post, I have added static/html pages and setup routes like I would in PHP model app - main index route… Then add dmx-route to it, creating SPA.

[sid]

This is the post where you helped with creating SPA with NodeJS in Wappler: Setup SPA in NodeJS Project

[sid]

@patrick / @George Can someone please help with this?

[George]

Currently the NodeJS uses partials and content pages for its routing. For SPA’s we need to add more support as stated in:

Setup SPA in NodeJS Project

We will be improving a lot the SPA for NodeJS a lot after our summer break of a few weeks, as they have quite different implementation than the PHP ones and need to fit more the new NodeJS templating.

[sid]

That was 2 months ago. Any plans to do it in recent future updates?

[sid]

@George Awaiting your reply.

[sid]

@George Was there a fix for this in version 3.3?

[Teodor]

Please guys check:

Building SPA pages with NodeJS

A single page application (SPA) is a web site/app that re-renders its content in response to navigation actions like clicking a link, without reloading the whole page. It consists of main template and different views, which are rendered in the main template. SPA for NodeJS It’s possible to build SPA pages and enable partial refresh thanks to NodeJS templating system. In our example we will show you a simple SPA page, containing of a main layout with navbar and two views, which will be loaded …

[Bankym]

Hello Ben, please can you advice me here.
OS Windows 10
Wappler Ver 3.5.2
NodeJS.
Issue:
Is this normal. Each time i view a content page in the browser, all the head section of the content path automatically takes the path of the last view content page

[Bankym]

Unfortunately, i never received a response on this, only an acknowledgement from Teodor. I guess i might have crossed the line by asking for clarification, seems i am the only one swimming in this ocean. I therefore rest my case and speak no more. Thank you and have a merry merry Xmas to the wonderful team of Wappler.

[JonL]

Some times issues or questions fall through the cracks. You need to stay on top of your forum topics and insist

I can’t do much to help right now as I am nowhere near my laptop but someone will step up

Merry xmas.