vue_family | vue vuex vue-router axios basic framework | Single Page Application library

I read through a lot of similar topics, but didn't find the right answer, so please help me.

Let's say the user types in a non-existing sub directory to my webpage:

I have a website which had 5 screens but now due to customers demand we are converting them to a Single page on which each screen is displayed on scroll-like all 5 screens are showing on one page with scroll, so we had page view for each screen on old version but now because of single page application, how should I send pageview data to google analytics on each section view?The image shows how before the new work and after the new work screens are displaying.

I'm trying to serve two different versions of a single page application - one, built with a brand new, shiny JS framework, and another built with an older, crummier JS framework. All of the important features and functionality are in the new SPA, and all the non-critical in the older SPA and are in the midst of being ported over.

With this in mind, I'm trying to make the older SPA available via a path, e.g. /old-app.

The new app resides in /www/new-app. The old app resides in /www/old-app.

This is what I have tried:

I have a main domain, eg.: mydomain.com.
A Single Page Application: myApp, hosted on: myApp.somehost.com (IP: {ip.of.myapp}).
A WordPress Site: myWP, hosted on: myWP.anotherhost.com (IP: {ip.of.mywp}).

The goal:

1. mydomain.com should show myWP (this is straight forward, I need an A record in my DNS NameServer, with {ip.of.mywp})
2. mydomain.com/app should show myApp.

How would you solve the second one? Is there a frontend-proxy service provider or so?

What I tried:

• Cloudflare CDN: rewriting the hostname is not allowed.
• Vercel: here I can host static pages (myApp) and proxy certain subpaths. But not the root url! So mydomain.com can't show myWp

What should I do? Please help... Thanks

Note: I'm not planning to move myApp and myWP from their current servers.

Flutter Web after deploy in server 404 will appear I know flutter is single page application so we configure the .htaccess file

I've learned in this SO question that there currently is no simple way to turn cookie-based CSRF tokens into HTTP request headers in Elm. Thus, to write a single page application (SPA) that works nicely with a Django Rest Framework backend, I need to manually retrieve the CSRF-Token from the corresponding cookie value.

How do I retrieve a cookie value in Elm? Does Elm provide runtime support for this via some Command? Or do I need to retrieve the cookie using plain JavaScript and provide it to the ELM SPA via a port?

I'm using Tailwind (react/next) and struggle to change the way my scrollbar looks.

It's a single page application and I have been trying to create custom CSS to apply to the first div in my index file, like this:

It looks like when Google Cloud Storage serves the desired object for a NotFoundPage, it includes the status code 404.

Is there any way to set it so that the content is served with a 200 status? This will make it easier for any single page applications I deploy to the bucket to manage their own deep linking.

I am writing a single page application in Elm to interface with a Django backend. The Django Rest Framework provides a CSRF token in a cookie but expects all requests to contain the token in an HTTP header.

Is there a way to declaratively instruct Elm to return the CSRF token as HTTP header with each request? E.g., along the line how I would configure it in JS/Axios: