Questions tagged [single-page-application]

A single-page application (SPA) is a web application that fits on a single web page with the goal of providing a more fluid user experience akin to a desktop application.

0
votes
0answers
9 views

Vue SPA multiple tabs with JWT (token expiration)

I have a problem with my SPA Vue App. I've built a really nice SPA with Vue :D one of its goodness is a cute carousel (managed by Vue, Axios and VueGallerySlideshow). All using JWT beacause users ...
1
vote
1answer
12 views

Asp.Net Core SPA vs separated solution (Asp.Net Core WebApi + Web app)

What is the major difference between Asp.Net Core SPA and separate them into Asp.Net Core WebAPI + independent web app. Here is my 2cent that separated solution looks no diff with using SPA template ...
0
votes
1answer
19 views

link to remove `#` from url without reloading the page

I have this sample html page called pound.html <body onload="alert('loading')"> <a href="#something">something after #</a><br /> <a href="#">nothing after #</a>...
0
votes
0answers
16 views

Google Sign-In with Backend Verification Flow Clarification

I've spent hours trawling through various tutorials and articles and am finally giving in to asking. I want to enforce the use of Google Sign-In authentication for all users of my Angular 7 ...
-1
votes
0answers
14 views

How do I implement routing in a basic Wordpress SPA using Vanilla JS

I am new to Web Developement and Wordpress. I am somewhat confused about how to do basic SPA routing using Wordpress I have a site that uses Wordpress as a CMS, and uses AJAX to load content into a ...
1
vote
1answer
21 views

single-page-application React route URLs using Express. But NOT using create-react-app or deployment services like Heroku

My problem is very common: I have a single page React application, everything works fine but the URL sub pages won't load if navigated to directly or refreshed. I spent hours (maybe days) searching ...
0
votes
0answers
15 views

React - googlebot won't receive all static files

I have a React website hosted in Digital Ocean. Everything works when I open my website. But when I view the page as Google in the Search console, Page resources section, I see an error that 3-4 of ...
0
votes
0answers
20 views

How do I configure undertow inside Quarkus for Single Page Applications?

For example, I have /launch/flow/import-app which should be handled inside my SPA (React) application, so I'd need Undertow to return the index.html in the root (except for images, JS, CSS, etc)
-1
votes
0answers
27 views

Facebook can't detect meta tags on my SPA site using Vuejs

I followed this documentation https://developers.facebook.com/docs/sharing/webmasters/ and hardcoded the following meta tags in public/index.html head <meta property="og:url" ...
-1
votes
1answer
10 views

Can't seem to seperate my navagation elements and the content they hold

When i press on the Home,about or register global navigation bar buttons i want to let them display only that navigation elements content not anything else currently my registration page stays in the ...
0
votes
0answers
11 views

How is it possible in OIDC Implicit flow, SPA is able to invoke RP (Springboot Service) without IdP

Initially there is a ReactJS application which when "Login" is clicked redirects to Keycloak login page and once correct credentials were provided redirects back to the ReactJS app where there is a ...
2
votes
2answers
24 views

Vue js for non SPA apps - loading components in with out the app component

I am very knew to vue js and i am trying ti figure out a few things about it. One of the things i would like to use it for is to implement components without creating an SPA. So in other words i can ...
-1
votes
0answers
16 views

Do I need an abstraction level for binding frontend to CRUD API?

A question about SPA architecture. So I basically used to write axios requests right in my store (no matter the framework). I thought, this is sufficient for the sake of any application which is not ...
0
votes
1answer
16 views

Vue SPA - PhantomJS works successfully, but Fetch As Google shows blank

My team has built a SPA using Vue (https://tutorismhk.com/). When working on the SEO, we find that Fetch As Google failed to render the page (showing blank page in the preview). There is no error ...
2
votes
1answer
62 views

Python: Any way to webscrape and detect changes in a single-page application?

So I'm trying to webscrape and check for a specific change in a website, and the website has a search bar in which I need to enter something into to get into the specific page in which I want to ...
1
vote
1answer
34 views

How to debug Angular SPA in either vs2019 or vscode

This may be a stupid question, but I can't figure out how to debug my whole application in either vscode or vs2019 community. If I use vs2019, I can debug the api, controllers, etc just fine, but can'...
9
votes
1answer
137 views

Client Side Deep Links with WebpackDevMiddleware 404s

I am using the WebpackDevMiddleware for Development builds to serve up a Vue.js application that uses client-side routing. The SPA application is served up from the root url just fine, but if I ...
0
votes
0answers
23 views

SPA RSA 2048 authentication

I am developing SPA in angular and the specific requirement from customer to use RSA 2048 for authentication. I am a bit skeptical how the authentication token would get generated. I believe the ...
0
votes
0answers
24 views

Multiple installable PWA in same base URL

I'm building a PWA and I wanna know if it's possible to build an installable PWA that has many differents routes, but each route being a different installable PWA. Sample: a.com/costumer1 be a ...
0
votes
1answer
17 views

How to detect if the outer frame is already loaded in single-page app?

I'm creating a single-page web app that has 3 parts: A header A sidebar for navigation An i-frame to show the main page content The header and sidebar should never reload after the first page load - ...
0
votes
0answers
22 views

In Google optimize, I want to implement a redirect test for Angular 6 (single page application)

I am trying to implement Google optimizes' redirect test in my Angular 6 application. It seems the implementation is fine except I need to manually refresh the page for the redirect test to work. ...
1
vote
0answers
22 views

Hot reloading in visual studio 2017 for asp.net core spa (react) app with custom web server used via proxy

I have a asp.net core 2.2 react template based app The react app under ClientApp has my own build script for react app which compiles stuff in a lib folder under ClientApp via 'npm run build' custom ...
0
votes
1answer
38 views

Auth::check() returns false even if I'm logged in. How to fix this error?

I'm building a bit web app where user can save his websites. My problem is that Auth::check() returns false even if me as user I'm logged in when I try to get data throw API. I use one ...
2
votes
1answer
33 views

How to calculate page loading time in Ionic 3 (single page app)?

I am creating a function that calculates a page loading time for each page of my Ionic 3 App (I use lazy loading). However, I am currently stuck in issues: When does the page start creating HTML? ...
0
votes
1answer
21 views

Router-link binding to b-card image

Is it possible to bind router-link to b-card's image attribute which are not physically exists,i want to switching link on image click <b-col lg="3" v-for="product in products" v-bind:key="...
1
vote
0answers
39 views

When packaging an SPA (and no Java code) into a WAR, how to serve the index.html for every URL except for those that match actual asset files?

I have a single-page webapplication, that when built must be installable into a java-ee application server, such as Glassfish. That is, I should package it into a WAR. This single-page webapplication ...
0
votes
0answers
15 views

Most SPA's use multiple services across multiple domains

I often see the statement "Most SPA's use multiple services across multiple domains". I still can't figure it out the meaning. Can somebody clarify it with examples?
0
votes
0answers
35 views

Frontend communicating with backend using two different domains (internal and external domains)

We are building a SPA application with Vue.js (Frontend). The frontend must communicate with a Java Rest API backend. For this, we have two different domains, one is internal (intranet), and the other ...
-2
votes
0answers
25 views

Difference between SPA and Pijax?

Can someone tell me the difference between Single Page Application and Pjax. If both of them are same then why do we need SPA?
0
votes
1answer
55 views

Stripe application fees via the W3C Web Payments API

Stripe provide Web Application Fees payment functionality to their merchants/customers via a native bespoke API. Is there anyway other than this feature request to surface the functionality via the ...
0
votes
0answers
42 views

PayPal Payouts via W3C Web Payments API

PayPal provide payout payment functionality to their merchants/customers via a native bespoke API. Is there anyway other than this feature request to surface the functionality via the Web Payments API?...
-2
votes
0answers
78 views

Square multi-party transactions via W3C Web Payments API

Square provide multi-party transaction payment functionality to their merchants/customers via a native bespoke API. Is there anyway other than this feature request to surface the functionality via the ...
0
votes
1answer
25 views

Adal JS - Logout of just one AD site

I'm working on a SPA that is utilizing ADAL JS. After calling adalService.logOut(), the user is properly redirected to the microsoft oauth logout URL and logout happens just fine. However, the user is ...
0
votes
1answer
35 views

Jmeter load testing in SPA

I am beginner in Load testing and I am doing load testing using JMeter on a single page web application. The issue which I am facing right now that as you know in SPA there is a single URL and page ...
0
votes
0answers
20 views

Is there a reason why my app's buttons are clickable in a web browser, but not an iPad?

I have a bug that manifests as buttons not responding when clicked/tapped on an iPad. However the same buttons respond just fine, when clicked in a web browser. The app is a single page application ...
0
votes
0answers
21 views

Conflict between 'real' URL and URL generated with History API

Let's say I'm doing a SPA using React (it could be any other frontend framework). What happens if I do a my-website.com/test route using React Router, but there's also a public/test folder in my ...
1
vote
0answers
19 views

Laravel vuejs spa axios auth scaffolding

I built an laravel vue spa application and would like to add a login, I ran php artisan make:auth to create an auth scaffolding. I am trying to call the login route using axios, but it keeps returning ...
0
votes
0answers
24 views

How to pass custom properties from single-spa-angularjs entry point to an angularjs main module?

I'm using the single-spa library to combine my ReactJS and AngularJS applications into a SPA. ReactJS is a main app uses single-spa library to load AngularJS app, which has single-spa-angularjs ...
0
votes
0answers
37 views

What is the recommended way to store (blob) data locally?

What is today the recommended way to store blob data locally (in a SPA). It is about being able to use PDF documents offline (around 500MB).
0
votes
0answers
28 views

Storing semi persistant data for a SPA

I have a SPA website set up with a REST API. One of the issues I have come up against is how to access data unrelated to the resource being requested. Specifically, accessing the users account details ...
0
votes
1answer
35 views

App Engine app.yaml handlers not working as expected

I am trying to set up a vue.js application with the vue router set in "history" mode. I also want to serve my back end APIs from the same app engine application. (e.g., if a user navigates to /some/...
0
votes
0answers
49 views

Large React-redux single page app handling as serverside-rendering app

we have been working on a react-redux app(SPA) from a long time, now it becomes larger and complex app.which has 60+ Action-reducers, 300+ APIs, 100+ components...etc. Base code referenced from winds-...
0
votes
1answer
37 views

utm_source and utm_medium gets lost in SPA

I've got a weird problem with my SPA application and analytics. The source/medium parameters are being lost during the session for some users. I'm using the history API using Google Tag Manager as ...
0
votes
1answer
34 views

ReactJS single page application. Unable to get the updated version on Chrome

We have an application built on onReactJS and is deployed using S3 and CloudFront. We constantly get into the issue with clients where they are required to do hard refresh of the web app in order to ...
0
votes
0answers
9 views

Wordpress VueJS SPA problem with third party plugins

I'm building WP as a hybrid SPA app (WordPress takes care of loading header and footer stuff, the body is router view and components), anyway, the problem is that I need to convert the lighbox gallery ...
2
votes
1answer
57 views

Oauth 2.0 | SPA | How does id_token disguise as an access_token for accessing restricted web resources?

I am working on integrating Azure Active Directory for my Angular SPA (or any Javascript) application. Application has a front-end (built with JavaScript) and a Web API (built with any c# or any ...
0
votes
0answers
16 views

Developing SPA and api

I'm developing (A) a single page application(using Vue/cli) and (B) a nodeJS backend API(using koa) at the same time. Ideally, in production mode, I can build my spa to distribution files and put ...
1
vote
0answers
34 views

Error: The namespace 'AspNetCore' already contains a definition for 'Views__ViewImports' (CS0101) [Prerendering]

I'm building an ASP.NET web app from the ground up. It was working I added "asp-prerender-data" to the Index.cshtml file. JavaScript is not loading, only showing 'Loading...' on the Webpage. VS code ...
1
vote
1answer
62 views

What's the proper way to inform users to refresh the browser on a SPA website (when .js files are changed)

I'm looking for a proper way to inform users about an updated website version. Whenever I upload new production .js files some parts of the website still works properly without refreshing the browser,...
0
votes
1answer
54 views

How to integrate Social Login with existing .Net core Web API backend and Angular SPA frontend with working OpenIddict user/password and bearer token

TL;DR Question: how to implement social login (OAuth2 authorization flow) with an existing SPA/Web API application that is based on identity, user/password, bearer token authentication? I have an ...

http://mssss.yulina-kosm.ru