single-page-application

Getting Backbutton to work in single page website and implementing “speaking” URLs

依然范特西╮ 提交于 2019-12-17 19:37:51
问题 I have a single page website and would like to achieve the following: back button working as if it was a normal website and instead of say, www.mysite.com/index.php?p=#this-is-a-great-product I'd like to have this url www.mysite.com/this-is-a-great-product while still having back button working properly. Regarding 1.) I use the following code ive found which works great: <!-- Getting BackButton to work properly --> <script type="text/javascript"> var times = 0; function doclick() { times++; }

HTTP Error 403.14 - Forbidden The Web server is configured to not list the contents of this directory

时光怂恿深爱的人放手 提交于 2019-12-17 18:59:08
问题 After finishing the John Papa course on Pluralsight- which is AWESOME by the way!!! ) I'm now creating my first SPA. I come from Desktop Application Developer background so excuse me if this question is newbie! When I load the SPA instead of seeing the splash screen and then the main screen I'm getting this error message: HTTP Error 403.14 - Forbidden The Web server is configured to not list the contents of this directory.Most likely causes: A default document is not configured for the

Firebase hosting: How to prevent caching for the index.html of an SPA

谁说我不能喝 提交于 2019-12-17 18:33:10
问题 I'm hosting an SPA on firebase where almost all paths get rewritten to index.html . I'm using webpack hash based cache busting, so I want to always prevent caching of my index.html but not any other files. I'm finding it surprisingly difficult to do so. Specifically, my file layout looks like this / ├── index.html ├── login.html ├── js │ ├── login.ba22ef2579d744b26c65.bundle.js │ └── main.6d0ef60e45ae7a11063c.bundle.js └── public └── favicon-16x16.ico I started naively with "sources": "index

How/when to query 'extended' entities in Breeze

大憨熊 提交于 2019-12-14 03:06:20
问题 I have a ViewModel that loads up 'child' entities and I want to also display 'grandchild' entities based off of each child that is loaded. To simplify things, I need help identifying how to query these objects and display them under the proper 'tree' in the browser (apologies for my butchering of coding language : )) I am using Knockout to bind the data and loading up the entities with Breeze. This question is an extension of When to add extend additional complex types onto a Breeze entity

Adal JS - Logout of just one AD site

泄露秘密 提交于 2019-12-14 03:05:17
问题 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 logged out of all Microsoft 365 sites and all other sites utilizing ADAL. Is there a way to only the log the user out of this one site? 回答1: Unfortunately, the way the ADAL JS library works is just as you described. When the logout function is called it clears the entire cache. Per the Wiki :

Can't get two single page applications to run together on one server using nginx

孤街浪徒 提交于 2019-12-14 02:25:18
问题 UPDATE: I have edited this post to provide a clearer understanding of the issue. The previous post has been overwritten by this update. We have two single page applications that need to be accessible through the same domain and ports but at different locations. Application1 is a public user facing application that should be loaded when visiting https://example.com. Application2 is a public admin facing application that will require authentication and should be loaded instead of application1

href vs scripted page transitions and button highlighting

≡放荡痞女 提交于 2019-12-14 01:41:31
问题 I am building a number of jQuery Mobile SPAs along with knockout.js and in general having great success. I did notice what is mostly a cosmetic issue an now hope to solve it. Anchor tags that link via href produce a nice button highlight (in blue for the default theme) affect during a page transition but navigation via knockout's click binding / $.mobile.changePage produces no such highlight. I realize this likely has nothing to do with knockout. Is there any general purpose way that scripted

Google NoCaptcha ReCaptcha only shows up on refresh in Angular SPA

不羁岁月 提交于 2019-12-14 00:32:45
问题 I noticed that my new ReCaptcha only showed up "sometimes" so I tried to track it down. I have a SPA using Angular and when loading on the "/contact" page, the ReCaptcha shows up. If I load into any other page and try to navigate to the "/contact" page the ReCaptcha is not there, but if I refresh on that page, it appears again. Navigating away and returning to this page will cause it to disappear again. My setup is similar to the following: index.html <html ng-app="App"> <head> <meta charset=

How to add content to Polymer SPA example

怎甘沉沦 提交于 2019-12-13 21:30:31
问题 regarding to that article https://www.polymer-project.org/0.5/articles/spa.html i want to know how to add some content? i know there is an example which loads external html files. but how to add my own content in the other examples? Thank you kind regards Viktoria 回答1: on the page you linked there is a section headed "then drop in your content:" then it is followed with this code. <div layout horizontal center-center fit> <core-animated-pages selected="0" transitions="slide-from-right">

How can I apply different (full page) backgrounds for different Angular 5 pages?

让人想犯罪 __ 提交于 2019-12-13 21:11:25
问题 Currently I am using Angular 5 to make an SPA. I want to fill the entire screen with a background (not just one component) but I want different backgrounds for each page, how can I achieve this? I have tried this code in the component.css of the concerning page (for example home.component.css): body { background-color: aqua; } (using background-color as an example) Using this method, I thought I could override the main body background per component but it does not seem to work, the page