single-page-application 相关问题

单页面应用程序（SPA）是一种适用于单个网页的Web应用程序，其目标是提供类似于桌面应用程序的更流畅的用户体验。

我应该转发 Oauth2 JWT 令牌吗

在 Oauth2 中，用户（React SPA）通过授权服务器进行身份验证，例如社交登录。 SPA 在多次重定向后接收令牌，将其存储在内存中并将其包含到 auhtorizat 中...

oauth-2.0 jwt microservices token single-page-application

回答 1 投票 0

找不到页面 - React/vite 应用程序未在 github 页面上正确路由

我将我的应用程序部署到 gh-pages 并且根目录可以工作，但是每当我重新路由或尝试添加到根目录时，我都会收到页面未找到错误。在本地它有效。我看到有人建议从 <

reactjs single-page-application github-pages vite

回答 3 投票 0

如何在 nGinxconf 上处理具有多个 SPA 的 https？

我正在从 apache2 迁移到 nginx conf，并且我正在尝试使用 certbot（让我们加密）来处理我的多个 SPA 上的 https。当我想添加另一个 SPA 时，我也在尝试简化我的工作流程...

nginx single-page-application web-hosting lets-encrypt certbot

回答 1 投票 0

如何在 Angular 中将动态值绑定到 index.html 文件内容？

我有一个由 Angular 18 开发的简单 Web 应用程序。我将把一个动态属性绑定到 index.html 文件中的标签，如下所示：我有一个由 Angular 18 开发的简单 Web 应用程序。我将把一个动态属性绑定到 index.html 文件中的 <html> 标签，如下所示： <!doctype html> <html lang="en" class="h-100" [data-bs-theme]="theme"> <head> <meta charset="utf-8"> <title>My app</title> <base href="/"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/x-icon" href="favicon.ico"> </head> <body class="h-100"> <app-root></app-root> </body> </html> 我尝试在 main.ts 和 app.component.ts 文件中定义 theme 属性，但它不起作用！可以这样做吗？我可以在哪里定义并以编程方式更改 theme 属性？满足此要求的最佳实践是什么？您可以使用 document.querySelector 获取 HTML 元素并手动设置值。您没有更新变量的原因是因为app-root内的所有内容都是角度应用程序存在的位置，因此只有在此范围内绑定才有效。因此，body 和 HTML 标签没有任何有效的角度功能。 main.ts import { Component } from '@angular/core'; import { bootstrapApplication } from '@angular/platform-browser'; @Component({ selector: 'app-root', standalone: true, template: ` <h1>Hello from {{ name }}!</h1> <a target="_blank" href="https://angular.dev/overview"> Learn more about Angular </a> <button (click)="changeBsValue('dark')"> change theme </button> `, }) export class App { name = 'Angular'; ngOnInit() { this.changeBsValue('light'); } changeBsValue(value: string) { const html = document.querySelector('html'); html!.setAttribute('data-bs-theme', value); } } bootstrapApplication(App); index.html <!DOCTYPE html> <html lang="en" [data-bs-theme]="''"> <head> <title>My app</title> <meta charset="UTF-8" /> <base href="/" /> </head> <body> <app-root>Loading...</app-root> </body> </html> 样式.scss /* Add application styles & imports to this file! */ html[data-bs-theme='light'] h1 { background-color: red; } html[data-bs-theme='dark'] h1 { background-color: black; color: white; } Stackblitz 演示

html angular typescript frontend single-page-application

回答 1 投票 0

如何在单页面应用程序（SPA）的特定页面中隐藏对讲聊天小部件？

考虑用普通 JS 编写的单页面应用程序（以避免特定于框架的答案）。我有一个默认加载 Intercom 的应用程序，但我想在特定页面中隐藏该小部件。 ...

javascript single-page-application intercom

回答 7 投票 0

Matomo 标签管理器和单页应用程序：历史记录更改跟踪旧页面标题

我在React和react-router-dom中有一个SPA；我正在尝试使用 Matomo 标签管理器跟踪历史记录更改的页面视图。我遵循了这两个指南： https://developer.matomo.org/guides/spa-

reactjs single-page-application matomo

回答 1 投票 0

尝试使用window.onpopstate制作单页应用程序

我有类似单页网络应用程序的东西。为了处理用户单击后退按钮，我使用“popstate”事件这里是： window.addEventListener('popstate', function () {