Vue.js (Quasar) SPA在每次页面重新加载时重新启动身份验证代码流
Vue.js是一种流行的前端JavaScript框架，被广泛用于构建单页面应用程序（SPA）。Quasar是一个基于Vue.js的全面前端框架，它提供了一套丰富的组件和工具，使开发者可以更快速地构建跨平台的应用程序。
在每次页面重新加载时重新启动身份验证代码流，意味着当用户刷新页面或导航到不同的页面时，需要重新验证用户的身份。这是为了确保用户在访问受限资源时仍然经过身份验证。
为了实现这一目标，可以采取以下步骤：
- 客户端存储认证信息：在用户进行身份验证后，将生成的令牌或会话ID保存在客户端的本地存储中（如localStorage或cookie）。
- 页面加载时检查认证信息：在Vue.js的路由导航守卫中，可以添加逻辑来检查本地存储中的认证信息。如果认证信息存在，则说明用户已经通过身份验证，可以继续加载页面。否则，需要将用户重定向到登录页面或其他需要身份验证的流程。
- 调用身份验证接口：在检查认证信息时，如果发现用户需要重新验证，可以通过调用身份验证接口来重新验证用户的凭据。这可以是发送包含令牌或会话ID的请求到后端服务器，验证其有效性并获取新的令牌或会话ID。
- 更新本地存储的认证信息：如果身份验证成功，后端服务器将返回新的令牌或会话ID。在客户端，可以将新的认证信息更新到本地存储中，以便下一次页面加载时使用。
- 继续加载页面：一旦身份验证成功并更新了本地存储的认证信息，可以继续加载需要身份验证的页面或资源。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云服务器CVM：腾讯云的云服务器产品，可提供稳定可靠的计算资源，支持自定义配置和弹性扩展。产品介绍链接：https://cloud.tencent.com/product/cvm
- 云数据库MySQL：腾讯云的MySQL数据库服务，可提供高性能和高可用性的数据库解决方案，支持自动备份和灾难恢复。产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
- 云函数SCF：腾讯云的无服务器计算产品，可实现按需运行代码，无需管理服务器和基础设施。产品介绍链接：https://cloud.tencent.com/product/scf
请注意，以上链接仅为示例，您可以根据具体需求和使用场景选择适合的腾讯云产品。
相关·内容
我有一个使用Quasar框架(基于Vue.js)构建的SPA。SPA在Auth0中注册，并使用auth0-spa-js库通过授权码流处理登录。当登录正常并且我得到一个令牌时，当我重新加载页面时，身份验证码流程再次启动，用户被重定向到/authorize端点以获得新的代码，然后再次交换新的令牌。 在我看来，这似乎不是正确的行为。我期望Auth0库在浏览器中缓存/存储令牌，并在页面重新加载时检查是否已经存在有效的令牌，而不是每次都重新启动身份验证码流程。 或者，它实际上应该考虑的方式是SPA，浏览器中的令牌存储不是很好。 引导文件中的代码： import createAuth0Client fr
浏览 34提问于2020-10-19得票数 1
回答已采纳
2回答
我第一次尝试类星体来建造SPA。我对路由器有问题。我已经在src/pages/LoginPage.vue中构建了一个简单的登录页面，然后将适当的路由对象添加到src/router/routes.js中。
const routes = [
{
path: "/login",
component: () => import("pages/LoginPage.vue"),
},
{
path: "/",
component: () => import("layouts/MainLayout
浏览 10提问于2022-10-29得票数 0
回答已采纳
我正在尝试将prerender-spa-plugin配置为使用我的vue.js (1.x)应用程序。当我构建一个没有它的应用程序-所有的工作完美，但我需要得到页面预渲染为SEO的目的。
当我安装这个插件的时候，它会进行预发布，但是它会显示一些路由器错误([vue-router] Uncought error during transition )和TypeError: undefined is not an object (evaluating 's(e).isEqualNode')。同样，如果我在没有pretender-spa-plugin的情况下构建用于生产的应用程序，所有
浏览 1提问于2017-03-29得票数 0
回答已采纳
我试着探索类星体框架。我已经下载了node.js和quasar.cli。我成功地创建了项目，但是当我在类星体文件中“类星体开发”时，它会弹出错误。
C:\Users\User>cd njir
C:\Users\User\njir>quasar开发
发展模式.spa Pkg类星体.v1.2.2 Pkg @类星体/appv1.2.1调试.已启用
quasar.conf.js +0ms应用程序:开发检查侦听地址可用性(0.0.0.0:8080)+25
app:dev⚠️未知网络错误发生+0ms {[错误:侦听EACCES:权限被拒绝0.0.0.0:8080
next_tick.js:63
浏览 9提问于2019-10-18得票数 4
我试图在MERN SPA中实现社交登录功能，这样用户就可以使用他们的Google/Facebook/Twitter/等等登录到我的站点。这显然是一个非常常见的场景，有大量的帖子和示例讨论如何使用各种身份验证流(即授权代码流、带有PKCE的授权代码流等)来完成这一任务。
但是，对于我试图实现的流程(下面描述)，我无法思考如何在不导致用户代理刷新和丢失状态的情况下处理身份提供程序的重定向。
例如，下面是我试图实现的与Google登录的流程：
用户点击“使用Google登录”按钮，它将用户代理引导到Google的授权端点。
Google对用户进行身份验证，并使用授权代码将他们重定向回
浏览 6提问于2022-06-30得票数 3
我正在使用Quasar "^1.14.1"，并且我正在尝试部署到Firebase。我首先使用quasar build -m spa构建，并且部署成功。但是，生成的页面是空白的。 这是我的firebase.json {
"hosting": {
"headers": [{
"source": "/**",
"headers": [{
"key": "Cache-Control",
&#
浏览 28提问于2020-10-10得票数 1
我想做的是：
与dotnet核心Wep API通信的SPA。我想使用社交登录。
我想使用(服务器端)授权代码流。
我倾向于使用OpenIdDict来处理JWT令牌身份验证。
我设置了OpenIdDict的示例项目，特别是ImplicitFlow，并使其正常工作。但是，对于实际的登录过程，此示例使用重定向到授权服务器。
SPA会不会很好地为这些页面服务呢？
这似乎是以前做过的，参见：
但我不能再建立这个概念的证据了。
我想知道的是，库克斯的概念证明是否仍然是实现这一目标的道路，以及我是否通过这样的方式来做正确的事情。还是我在这里打开了一罐蠕虫，我应该只是从授权服务器加载一个页面，然后停止抱怨吗？
浏览 0提问于2017-06-05得票数 1
回答已采纳
我想到了下面的MPA混合，我基本上把每个页面当作SPA，但仍然像惯常的MPA那样重新加载页面从一个页面传输到另一个页面(index.blade.php到posts.blade.php)。该方法使用laravel、session和auth强大的特性来呈现包含单个vue.js组件的刀片模板。
假设您在主页上，您将得到如下内容：
@extends('layouts.master')
@section('content')
<body id="vue_root">
<page-index data={{ json encod
浏览 2提问于2018-09-14得票数 0
我们正在研究将标准身份验证(登录)与我们的Angular SPA集成的最佳方法。我们遇到了两种模式(见下文)，我们想看看哪种架构更好，以便将身份验证集成到我们的Angular网站中。
模式1--将登录与SPA分开(参见)：在此模式中，登录过程在SPA外部完成(单独的页面加载)，一旦用户通过身份验证，他们就被重定向到SPA (另一个页面加载)。
模式2--将登录集成到SPA (请参阅和)：在此模式中，身份验证过程在SPA中，登录状态通过Angular路由器和服务进行管理。
我们倾向于模式2，但是我们希望从SO社区听到你的想法，以及你如何比较这两种模式。
谢谢!
浏览 2提问于2014-04-03得票数 17
当我使用以下命令构建应用程序时： quasar build -m capacitor -T ios 我现在得到以下错误： /Users/myusername/Documents/my-app-name/node_modules/@types/webpack-dev-server/index.d.ts(30,53)：中的/Users/myusername/Documents/my-app-name/node_modules/@types/webpack-dev-server/index.d.ts错误 配置:命名空间'"/Users/myusername/Documents/my
浏览 42提问于2020-11-27得票数 2
我设置了一个node.js /Express服务器，它从根url路径(本地主机:3333)为公用文件夹内的单页应用程序(在Vue.js中)提供服务。
现在，在我的SPA中的index.html中，我可以轻松地在我的应用程序中导航到其他页面(这些页面都是由vue.js History API处理的(而不是散列))。
但是，如果我在浏览器中直接输入某个路由，该路由应该指向我SPA中的某个子页面(例如，localhost:3333/about.html)，则该路由将尝试由我的node.js程序提供服务，该程序当然不能识别该路由...
如何让我的SPA直接处理此路由，而不是通过node.js程序？我找
浏览 1提问于2020-01-31得票数 0
9回答
每次我去我的项目，我得到一个502坏的网关。当我刷新时，页面可以正常工作。如果我点击另一个页面的链接，我会再次得到502错误的网关。刷新后，页面将加载。这可能是什么问题。
Homestead.yaml
---
ip: "192.168.10.10"
memory: 2048
cpus: 1
provider: virtualbox
authorize: c:/Users/MyNameHere/.ssh/id_rsa.pub
keys:
- c:/Users/MyNameHere/.ssh/id_rsa
folders:
- map: c:/Users/My
浏览 0提问于2019-01-27得票数 8
我试图在以下架构中配置身份验证：
一个REST，用asp.net内核完成
一个MVC客户机，其中的“视图”实际上是一个单一的页面应用程序(vue.js)。作为参考，我正在使用以下模板：
我想使用identity+identity服务器。
据我理解，我的api是一个安全的资源:为了访问它，用户必须登录身份服务器，并获得一个令牌。
我的MVC应用程序是身份服务器的“客户”之一。现在，我感到困惑的是：
我是否在mvc应用程序上实现身份验证，从而保护主索引控制器？然后，为了“加载”spa，用户必须在身份服务器上进行身份验证，获取令牌，然后才能加载？
还是我忽略了从mvc方面实现任何身份
浏览 0提问于2019-07-26得票数 0
我正在尝试弄清楚是否有可能将常规的Laravel身份验证路由与刀片/视图一起用于基本身份验证，然后加载SPA (带有自己的路由器的Vue.js)并通过Dingo调用API？
目前，我在routes.php的顶部有了这个，它可以工作：
// All routes through web middleware
Route::group(['middleware' => 'web'], function () {
// Authentication
Route::auth();
// Authenticated routes
浏览 0提问于2016-03-11得票数 3
我正在vue.js中开发一个javascript，它最终将成为一个cordova应用程序。以及一个用流明构建的后端api。
我试图提供登录与facebook和谷歌的功能。我加入了拉拉社会名流包，并创造了一个重定向和回拨的路线。我已经创建了一个页面在我的水疗与登录按钮，直接到我的api重定向。用户被重定向到我登录的facebook的oauth机制，回调路由句柄功能如下所示
public function handleProviderCallback($provider)
{
$oauthUser = $this->socialiteManager->with($provider)
浏览 6提问于2017-05-18得票数 5
回答已采纳
场景:我正在使用quasarjs构建Spa end Android应用程序。后端是一台feathers js服务器，它带有用于身份验证的feathers js-oauth插件。
我正在使用一个SQLite数据库来存储用户。
我设置了Facebook和Google的oauth2登录，它在Spa模式下工作，在quasar 中有简单的超文本链接“/oauth/google”
通常，对于OAuth Cordova，人们使用“browserinapp”插件来打开一个弹出窗口，用于oauth2身份验证来获取令牌。
问题是，正如这里所示，谷歌放弃了对browserInApp用户代理的支持
有没有人有同样的问
浏览 14提问于2018-09-02得票数 1
我想做一个使用Vue.js和Laravel的网站。似乎每个教程都是用来制作SPA的。对于我的特定应用程序，SPA没有意义。我不知道如何构造我的Vue代码，因为它需要在每个页面上创建不同的实例，使用不同的方法，等等。如果我试图在每个页面上实例化一个单独的vue实例，我每次都必须在我的请求头中包含一个CSRF令牌，这感觉不正确。
使用vue的多页面laravel应用程序的一般架构是什么？
浏览 2提问于2019-11-03得票数 0
我有一个SPA，它使用进行身份验证。我正在实施OAuth2的社会登录。
在服务器端呈现的应用程序中，这是社交登录的工作方式：
用户向控制器上的操作提交一个发出GET请求的表单。然后控制器将用户重定向到提供者在页面中签名。
用户向提供程序注册，然后重定向到提供的重定向URL。
重定向URL向控制器上的另一个操作发出GET请求。控制器使用查询字符串中返回的POST向提供程序发出code请求。如果POST请求成功，则对用户进行身份验证。
在我的SPA应用程序中，这就是我目前在工作中有社交标志的原因：
用户单击一个锚标记，将其带到提供程序在页面中签名。
用户向提供程序注册，
浏览 6提问于2022-10-03得票数 1
回答已采纳
1回答
我的理解是，单页面应用程序(SPA)更快，因为无论何时点击应用程序中的链接，您都不再需要导航到新的网页。而不是“正常”的网站。)提出对共享资产的新请求和2。)再次运行/加载这些资产每次您访问另一个页面时，SPA将仅请求您的共享资产一次，并且仅在您导航的页面和您导航到的页面上都存在的情况下运行一次。这是正确的吗？
例如，如果您有一个网站猫，它有一个www.example.com /www.example.com页面，即使这两个页面具有相同的cat资源并运行相同的jquery脚本，浏览器将需要在每次页面访问时发出相同的2个请求以获取资产，然后运行相同的2个资产才能使每个页面正常工作。相比之下，此站
浏览 0提问于2017-02-07得票数 0
2回答
我在Vue.js + Laravel上有SPA应用程序。授权逻辑，完全委托给Laravel app。但是，当路由发生变化时，我需要检查身份验证状态。我创建了一个小类，它负责它。
export default {
user: {
authenticated : false
},
check: function(context) {
context.$http.get('/api/v1/user').then((response) => {
if (response.body.user != null) {
this.user.authen
浏览 0提问于2016-11-11得票数 0
1回答
更新1 2021-10-24
我们正在使用两种不同的“经典”登录/注册策略，甚至在MSAL0.15之前。我们不使用自定义策略。我相信我们可以使用应用程序的清单导出它们，这会有用吗？如果我在这里发帖，我会希望编辑可识别的信息，但我不确定这是否使它们对于purpose...With对SSO毫无用处，我认为@JasSuri-MSFT的意思是，由于索赔集是相同的/相似的，策略id本身就被忽略了(为了SSO目的)？这是否有文档记载，这样我们就可以知道声明集需要有多大的不同?考虑到SSO行为，有什么方法可以让策略id本身被用来识别SSO吗？这就是我为MSAL2.x发布这个初始帖子的原因，因为在配置中可能缺
浏览 1提问于2021-10-22得票数 0
回答已采纳
1回答
我正在部署一个新的应用程序版本的我的Vue.js SPA，并遇到了这样的问题，只有当我清除我的缓存。所以对我来说，这很好，但是顾客们不会得到的。有办法检查版本并强制浏览器重新加载我的页面吗？我的设计是：
使用最新版本创建的BootstrapBundled SPA与Webpack一起托管在AWS S3 Bucket中
诚挚的问候。
浏览 0提问于2020-02-18得票数 3
回答已采纳
1回答
使用在这里找到的Breeze角SPA模板，，我正在尝试更新一个菜单，在用户身份验证后进行更改。
我的示例与默认模板略有不同，因为我已经将Login和Register移到了模式窗口中。当模式在成功登录后关闭时，MVC视图中的菜单(而不是角视图)不会更新，因为不会进行完整的页面刷新。
在SPA模板中，需要在进入SPA之前进行身份验证，然后进行硬重定向/刷新，然后加载SPA。在我的例子中，您可以在验证之前浏览SPA中的视图/页面。
MVC视图代码片段(视图/Home/Index.cshtml)
...
<li>
@if (@User.Identity.IsAuthenticated)
{
浏览 2提问于2013-08-01得票数 0
3回答
在前端(使用Vue.js)开发一个SPA，它会消耗后端(Laravel)的端点，这带来了一些需要解决的挑战：
1.在引入新的后端/前端代码时如何同步部署
如果代码在两个VCS存储库(前端/后端)中分离，那么同步前端和后端的部署是很困难的，同时确保两者完全同时完成。否则，这可能导致意外行为(例如，调用尚未部署或更改的端点)。有人想出了一个很好的解决方案吗？你解决这个问题的最佳做法是什么？如果版本化每个小更改都不是一种选择呢？
2.如何确保SPA的前端代码在部署后被刷新？
因此，您设法使部署保持同步(请参见问题1。)，但是如何确保刷新每个当前活动的最终用户的SPA代码？如果启用webpack代码分
浏览 11提问于2017-07-21得票数 7
我有一个现有的管理面板在一个拉拉的web应用程序。在vue.js单页应用程序中，我很少使用这个管理面板。我不想使用基于令牌的身份验证这个spa部分的应用程序。如何从现有的会话登录系统进行api身份验证。
浏览 0提问于2018-07-10得票数 0
1回答
如何在Vue.js中使用MSAL loginRedirect()实现以下身份验证流
SourcePage > isLoggedIn() = false > /login > MSAL.loginRedirect() > handleResponse() > SourcePage
我们以前在上面的流中使用了MSAL loginPopup()，方法是将SourcePage url作为路由param字符串，并在登录确认后重定向。
但是，由于loginRedirect()从页面导航到身份验证，所以在返回到handlePromise()之前，我们丢失了原始路由param字符
浏览 5提问于2021-05-27得票数 1
1回答
延迟加载-它什么时候下载块文件？
、、、、
我正在使用vue.js。例如，我希望将延迟加载用于路由。
假设我和webpack一起通过射击(npm run build)建立了这个项目。
然后，当webpack开始构建时，它将分别生成所有的chunks。
routing ：据说当使用延迟路由时，只有js文件才会被加载到我们将要选择的路由上。对吗？如果是这样的话，当移动到另一个路由时，应该加载另一个块js文件。这块钱从哪里来？
从服务器上？如果是这样的话，我们就完全失去了SPA的意义，因为对于每一个路由更改，我们都会去服务器并询问必要的js文件。
如果不是从服务器，那么它已经下载时，我们第一次加载页面。如果是这样的话，如果第一个页面
浏览 0提问于2019-08-14得票数 3
回答已采纳
对于front目录(TS、Vue.js、类星体)和back目录上的简单文件，我有一个repo。这个项目的要点是
infinote/
├─ front/
│ ├─ package.json
│ ├─ src/
├─ back/
├─ .git/
我正试图通过以下工作建立前沿：
jobs:
front:
runs-on: ubuntu-latest
env:
working-directory: ./front
steps:
- uses: actions/checkout@v2
with:
ref: ma
浏览 2提问于2021-09-13得票数 0
我目前正在开发一个使用Vue.js的单页面应用程序。我正在通过NPM和Browserify加载所有的节点包。
真正令人恼火的是，如果我的代码不正确或者忘记了一个括号，整个脚本就不能工作了，并且根本没有错误消息。我尝试过使用firebug，但由于它是通过Browserify的SPA，所以不会产生任何错误。
有没有办法像PHP一样生成一个编译错误的消息，告诉我如何调试脚本？
浏览 0提问于2016-12-07得票数 5
在Facebook登录并通过应用程序身份验证后，使用Facebooker2的Rails3站点需要重新加载2个页面，直到它自动登录Facebook。
如何使被动登录在第一个页面加载时工作？
ruby 1.9.3p125，rails 3.2.3，facebooker2 0.0.16
浏览 3提问于2012-07-08得票数 0
我正在通过CDN使用Vue来构建SPA。我的网站后端使用ASP.NET核心。主vue spa页面在剃须刀页面中初始化，所有组件都使用html.partial导入。到目前为止，它的工作很好，但是，我需要连接到数据库，并拉数据，并更新数据库。我找不到任何简单的示例或教程，说明如何使用vue SPA中的实体框架查询MS数据库，以便为我的组件提取数据，或者使用SPA上的表单输入用户来更新MS数据库。虽然我对Vue和ASP.Net还不熟悉，但SPA的目的是减少重新加载页面的需要，所以我很好奇，如何做到这一点而不需要重新加载并保持自然的SPA的感觉仍然与数据库交互呢？为了安全起见，我已经设置了身份验证和一
浏览 5提问于2021-04-06得票数 1
回答已采纳
1回答
场景:openid-基于连接的SPA社交登录。
案例1:在SPA中注册为OAuth 2.0客户端，向社会身份验证提供者(ex )注册。( Google) OAuth/OIDC的角色映射如下：
资源所有者=验证用户
Client = SPA
授权服务器=社会身份验证提供程序(例如。谷歌( Google)
Resource =社会身份验证提供程序(例如。谷歌( Google)
案例2:现在，让我们考虑使用IDaaS (ex )的SPA的社会身份验证的情况。Okta/Auth0)。IDaaS已经向社会认证提供商(如ex)注册了OAuth 2.0客户端。谷歌( Google)和
浏览 0提问于2018-11-08得票数 2
回答已采纳
我最近从Vue.js转到了类星体(这只是Vue.js应用程序的一组组件)。
我有两个不同的应用程序，一个是用vue-cli编写的，另一个是用quasar-cli编写的。带有vue-cli的测试结构已经就绪，我只需执行npm run unit，它就会找到我的所有mocha测试并运行它们。
然后我将同样的结构复制到我的类星体项目中。它在dev模式下正确构建和运行，但当我执行以下命令时：
cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run
我知道这些错误：
类型记录没有发出..\src\sfc.d.t
浏览 6提问于2017-09-11得票数 0
1回答
我们在将用backbone编写的单页应用程序与SAML身份验证挂钩时遇到了一些问题。因此，这是我们所拥有的(基于) - SPA被加载-第一个对后端(SP)的请求导致响应，告诉它重定向IDP -然后浏览器位于IDP页面。基本上，我们的SPA消失了- IDP在成功登录后使用POST重定向。此帖子包含我们的SP需要解码以登录的内容
现在我们遇到的问题是post必须定向到SP (后端)，因此我们的SPA没有加载。如果我们重定向(302)到我们的SPA，我们不能发送身份验证cookies。我是不是漏掉了什么？
感谢您的指点
浏览 2提问于2016-06-19得票数 0
我们正在使用Azure B2C通过.net (OWIN)中间件组件在我们的c# .NET web应用程序中管理身份验证。
我们在react上也有一个SPA，这里我们使用MSAL.js对用户进行身份验证
SPA将从#.net web打开，我们希望保持这两个应用程序之间的用户会话。
目前，用户在从.net应用程序转到SPA时必须登录，反之亦然，即使用户已经登录
如果有人能给我指出正确的方向，我将不胜感激
浏览 0提问于2021-01-08得票数 0
在阅读了stackoverflow和其他平台上的所有帖子后，我仍然无法找到一个令我满意的答案。
任务:我想创建一个从REST API接收数据的单页面应用程序(SPA)。在此SPA中，不应使用任何身份验证。这是一个公共网站。但是REST API应该只允许从我的who服务器加载SPA的用户访问。
我假设这只能通过服务器端的一些东西来解决，比如会话，cookies等-否则我会开放给你的建议，解决方案等。
提前谢谢你！
浏览 0提问于2020-01-13得票数 0
2回答
我有一个带有大量RSS连接器的Mule实例，并且在接收RSS提要更新/删除/添加的同一个Mule上下文中运行了一个服务。当具有提要的内容发生更改时，该服务将通过触摸Mule配置文件触发热部署。效果很好。Mule重新加载上下文并获取更改。
但是，每次我进行热部署时，类加载器几乎都会重新加载几乎所有的类，几乎每次都会重复最初的PermGen内存占用。最终，我耗尽了PermGen空间，Mule崩溃了。不管我做多大，每次热身部署都需要更多的空间。我在YourKit，FWIW监控这个。
我发现了一些关于让服务器使用共享库而不是在每个上下文中加载新库的通用信息。我假设发生的情况是，每次热部署发生时，都会创
浏览 1提问于2014-11-05得票数 2
回答已采纳
我正在构建一个工具(SPA)，帮助客户决定哪种产品最适合他们。该工具还允许他们进行购买。
我使用vue.js构建，最初打算嵌入到Shopify商店的页面中，我被要求用Woocommerce替换Shopify。
我以前从未以这种方式使用过woocommerce (我通常按原样使用它，并通过动作挂钩和模板对模板进行更改)。
SPA将嵌入到woocommerce站点的一个页面中。我看到woocommerce有一个API，它有不同的端点，我可以从这些端点检索数据，并在客户希望购买时发布。
我应该使用这个api，还是应该制作返回json的woocommerce模板？使用API作为对这类事情有用的API似
浏览 2提问于2017-06-15得票数 1
回答已采纳
我正试图利用IdentityServer3，但似乎没有一个流程符合我想要实现的目标。
单页应用程序(SPA)仅用HTML和Javascript编写，试图访问受保护的API端点(本例中为ASP.NET Web v2 )。
返回HTTP 401，因为API端点受到保护
SPA直接从IdentityServer请求一个令牌，传入用户名和密码。
IdentityServer3返回包含用户名和与用户名关联的声明的授权令牌。
SPA再次尝试访问API端点，但在报头中传递承载令牌，并且允许访问。
最后，我希望实现刷新令牌，这样SPA就不必再次提交用户名和密码了。
我看过的流动
浏览 3提问于2016-07-14得票数 0
回答已采纳
我正在构建一个单页应用程序，该应用程序仅供用户通过WPF应用程序使用。从来没有通过传统的浏览器公开。
实际上，用户已经通过客户端WPF应用程序进行了身份验证。
WPF应用程序利用现有的web API使用数据并对用户进行身份验证。
一旦登录到WPF应用程序，用户可以导航到将通过WPF浏览器控件或类似控件加载我的单页应用程序的部分。
SPA将利用AngularJS和与wpf应用程序相同的web API。
我想验证用户到SPA部分的初始页面加载，并确保从SPA发出的所有API请求的安全。由于angularjs应用程序需要访问API，因此我需要一种方法来将用户凭据放入应用程序的web部分。
我是否可以
浏览 0提问于2015-03-20得票数 0
2回答
我已经为我的asp.net项目实现了一个SPA，它工作得很好，但是这个项目是用api运行的，该api的帮助页托管在/help上，但是ui路由器正在接管这个路由；
通过$urlRouterProvider.otherwise('/');，我可以让url工作，但是为了获得它，我必须手动重新加载到页面。
有可能让这件事成功吗？
所以无视路线？
比如说，每次在特定的url中单击链接时都要重新加载页面？
有什么建议吗？
另外，我不能访问那个url中的代码
浏览 0提问于2014-12-01得票数 0
我目前正在开发一个SPA应用程序，它连接到一堆webAPI，这些API需要用户登录，所以我开始深入研究Openid Conect和OAuth2示例，主要是使用IdentityServer。
出于SPA的原因，它们都要求隐式授权应该用于检索access_tokens。令牌刷新是通过使用隐藏iframe连接到身份验证服务器来处理的。
我从这种续订access_token的方法中理解的是，会话是在身份验证服务中维护的。隐藏的iframe转到身份验证服务器，会话仍处于活动状态，将提供新的access_token。
所有这些对我来说都很好，除了(对于UX reasosn)我的用户需要被重定向到身份验证服
浏览 4提问于2017-08-22得票数 11
一切都好吗？
今天，我需要您的帮助来解决SPA AngularJS应用程序中的令牌身份验证问题(我在后端使用NodeJS )。
登录时，凭据将在后端进行验证，如果成功，将得到存储在本地存储中的令牌。
但是，当我开始向受保护的端点提出请求时，就不可能访问，这足以使两个用户都不得不重新加载页面，这对我的SPA AngularJS应用程序来说是一个悲剧。
我还使用了两种验证方法来检查令牌：
isLoggedIn:这将验证令牌是否尚未发出。
currentUser:它接受令牌的有效负载中的用户数据。
这两种方法由更新链接和导航条用户名的navbar控制器调用。
最后一个注意事项是:我有一个方法:注销，
浏览 0提问于2018-02-24得票数 0
回答已采纳
我正在进行一个Drupal项目，该项目在所有页面上导入JQuery。我们开始使用Vue.js，直接将它注入到HTML页面中，用于动态组件的开发(而不是SPA)。
问题是，我们有与JQuery冲突的Vue.js UI。它将通过读取Vue.js的样式直接修改它们的所有输入。
是否可以在包含JQuery的特定div上禁用Vue.js UI？而不必在整个页面上禁用它，因为我们的标题有一个使用JQuery UI的汉堡菜单。
浏览 9提问于2022-03-14得票数 0
3回答
我有一个离线友好的角度SPA设置如下：
使用缓存清单将所有静态资产保存到应用程序缓存中。
使用JS，每当检测到缓存清单文件中的更新时，JS将自动重新加载页面。通常这意味着，如果有更新，页面将在打开或刷新页面后不久重新加载。
设置HTTP报头，使所有静态资产都不会存储在普通浏览器缓存中(仅存储在appcache中)；这将确保自动重新加载行为始终显示最新的资产。
所有这些都很好，除了一个警告:浏览器只会在页面重新加载时检查缓存清单更新，但由于应用程序是SPA，用户可以想象地使用该应用程序很长一段时间(并且多次更改页面中的视图)，而无需重新加载应用程序的单个页面，这让我想到了我的
浏览 3提问于2015-04-30得票数 1
1回答
我正在尝试读取存储在quasar项目的statics或assets文件夹中的markdown文件(.md)的内容，并且我已经使用以下更改更新了quasar.conf.js文件，以便在将raw-loader添加到我的项目后支持原始文件加载
extendWebpack(cfg) {
cfg.module.rules.push({
test: /\.md$/i,
use: "raw-loader"
});
我正在尝试从一个.vue组件脚本标记使用导入命令加载标记，如下所示
import md from "~statics/help.
浏览 60提问于2020-05-23得票数 1
1回答
我在AngularJS中有一个SPA，它将不同的模板加载到一个SPA中。
在阅读了这篇之后，我在SPA的主体中包含了一个onload="measureCRP()“，它基本上是这样的
<body onload="measureCRP()">
<div ng-app="app">
<div ng-view></div>
</div>
</body>
每次加载页面时，我都可以看到构建DOM所用的时间和页面的总体加载时间。
但当然，当视图被更新时，它不会被更新。我想在所有的
浏览 4提问于2016-02-18得票数 2
尝试在由以下组件组成的网络应用程序中实现OpenId连接
身份提供者
资源服务器
单页应用程序充当客户端。
标识提供程序和资源服务器是同一个应用程序。
SPA使用密码流获取access_token并存储到cookie中。将access_token存储到cookie中是，但这是另一个故事。
问题
由access_token发出的IdP在30分钟后到期，SPA需要更新令牌，而无需再次向用户询问凭据。
解决方案
IdP与access_token一起返回refresh_token。每当SPA从Resource获得401时，它都会将refresh_token发送到IdP，并返回get
浏览 1提问于2018-05-29得票数 6
-导言
我有一个Vue.js SPA项目，在一个新发布的GitHub页面之后，我的所有文件获得了404。
发现的
我发现来源地址是错的。
错误 =>
=>/js/app.9d5a7abd.js
-问题
我的问题是，如何更改根url
来自"“
到"“
我从那里试过这个
module.exports =
{
publicPath: process.env.NODE_ENV === 'production'
? '/my-project/'
: '/'
}
浏览 1提问于2021-07-20得票数 0
1回答
我使用Angular SPA和Azure AD进行身份验证。我的要求是，如果用户未通过身份验证，则应将其直接重定向到MS登录页面，而无需在浏览器中下载SPA。(因为AuthGaurd只有在下载SPA后才能工作，SPA页面会在一段时间内可见。
我正在考虑先在APIM重定向SPA，然后在APIM检查用户是否经过身份验证。如果用户未通过身份验证，我将重定向到MS登录页面。
1-是否可以在APIM中编写此类登录? 2-此方法是否会影响令牌刷新的静默身份验证(我在客户端使用的是MSAL )？3-在首次请求时无需下载SPA即可重定向到MS登录页面的其他最佳方法是什么？
我刚刚分析并试图找出最好的方法，但可
浏览 4提问于2019-09-03得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
