如何在加载时配置SPA？
SPA（Single-Page Application）是一种Web应用程序的架构模式，通过在浏览器中动态加载资源，将整个应用程序加载到一个单独的HTML页面中。在加载SPA时，可以采用以下配置方法：
- 使用路由器（Router）配置：SPA通常通过路由器来管理页面的导航和加载。路由器可以根据URL的路径来决定加载哪个组件或页面。配置路由器时，需要定义每个URL路径对应的组件或页面，并指定其加载的方式。
- 示例代码：
- 示例代码：
- 名词概念：路由器（Router）是一个能根据URL路径来加载不同组件或页面的工具。
- 分类：路由器可以分为前端路由器和后端路由器，前端路由器在浏览器中进行导航和加载，后端路由器在服务器端进行路由控制。
- 优势：通过路由器配置，可以实现SPA的单页加载和导航，提供更流畅的用户体验。
- 应用场景：适用于需要在单个页面中加载和展示不同内容的应用程序，如博客、社交媒体等。
- 腾讯云相关产品推荐：在腾讯云中，可以使用Serverless Framework（https://cloud.tencent.com/product/sf）来配置和部署SPA应用程序。Serverless Framework提供了丰富的功能和组件，可以帮助开发者更便捷地构建和管理SPA应用程序。
- 使用模块打包工具配置：SPA通常使用模块打包工具（如Webpack、Parcel等）将应用程序的代码和资源打包成一个或多个文件。在打包过程中，可以配置加载时的行为，包括代码分割、按需加载、缓存等。
- 示例配置文件：
- 示例配置文件：
- 名词概念：模块打包工具是一种将应用程序的代码和资源打包成可部署文件的工具。
- 分类：常用的模块打包工具包括Webpack、Parcel、Rollup等。
- 优势：通过配置模块打包工具，可以实现代码分割、按需加载等优化，提高应用程序的加载速度。
- 应用场景：适用于需要将应用程序打包成单个或多个文件，并实现代码分割和按需加载的场景。
- 腾讯云相关产品推荐：腾讯云CDN（https://cloud.tencent.com/product/cdn）可以用于加速SPA应用程序的资源加载。CDN提供全球分布的节点，可以缓存和分发静态资源，加速访问速度，提高用户体验。
综上所述，配置SPA的加载方式可以通过路由器或模块打包工具来实现，腾讯云推荐使用Serverless Framework或CDN来辅助构建和加速SPA应用程序。
相关·内容
4回答
如何在加载时配置SPA？
、、、
我们使用的是Webpack，React，Node.JS，但我认为这个问题比具体的技术更通用。当构建开发模式或生产模式时(例如，使用DefinePlugin)，我可以使用Webpack来配置SPA。 如何在生产模式(在构建时配置)下为不同的部署环境(例如，暂存与生产)配置SPA？例如，这些不同的部署将与不同的后端服务器API通信。 当浏览器获取本地上下文时，SPA必须以某种方式从服务器获取一些本地上下文。或者，我们可能必须在每台服务器上都有一个SPA可以安全获取的自定义配置文件？ 我们在服务器上使用NodeJS，这个SPA最终将作为一个同构的应用程序运行，因此这可能会有所帮助。我们在Docke
浏览 37提问于2016-12-04得票数 5
回答已采纳
我试图实现的是将Vue 3应用程序添加到现有的Rails应用程序中。因此，我的应用程序将是一个典型的Rails应用程序，直到加载路由/spa/*。在这种情况下，Rails的控制器将提供一个依赖于Webpack服务JS的布局。
首先，我将路由/spa/添加到我的routes.rb中，以便始终将其解析为一个为使用javascript_pack_tag的正确布局服务的控制器。
然后，我成功地在我的Rails 5.2 rails应用程序中安装和安装了Webpacker，而且它似乎工作正常，因为我已经用Vue路由器构建了一个简单的应用程序，并在单击链接时正确地呈现了几个组件。好吧，几乎..。
问题在于我
浏览 2提问于2021-01-25得票数 3
回答已采纳
我在单spa应用程序中使用vue-2项目，每次重新加载该项目时都会出现此错误。尽管重新加载本身似乎工作得很好。 ?
浏览 12提问于2021-11-10得票数 3
我在angularjs中创建了一个SPA，当我在浏览器上运行它时，它在地址栏中显示了'#‘。所以我启用了html5Mode。这成功地从url中删除了'#‘，但当我尝试重新加载页面时，它给出了404: page not found错误。我尝试从这个url：用.htaccess编写代码。
什么都不会改变。我也关注了粗鲁的回答，但这也没有什么帮助。
浏览 8提问于2015-12-14得票数 1
我有一个股票aspnetcore和reactjs应用程序，由初学者模板(dotnet new react)生成。我希望SPA应用程序能够从根url的子路径中获得服务；例如，我正在寻找的不是示例应用程序https://localhost:5001/counter，而是https://localhost:5001/myapp/counter提供的服务。
我将Startup.cs更改为：
app.UseSpa(spa =>
{
spa.Options.SourcePath = "ClientApp";
浏览 0提问于2019-07-12得票数 8
回答已采纳
我在apache服务器中的网站上包含了一个SPA，但是当访问这个的路由时，我加载了视图，但是路由返回到主域。我应该如何配置路由器或.htaccess来纠正此问题？ 我的网站类似于www.example.com，Vue SPA位于www.example.com/en/route1/route2/spa。 当我访问此路由时，Vue SPA加载，但路由返回到主域www.example.com，Vue SPA路由照常加载，但在主域路由中加载，如www.example.com/spa/spaRoute1。 我想要的是保留Vue SPA的原始路由，以显示来自那里的SPA路由，就像使用Vue路由器的历史模
浏览 12提问于2019-06-16得票数 1
回答已采纳
问题陈述
发展小组
Dev团队希望预先构建SPA(角应用程序和反应应用程序)，并提供包含JS、CSS和HTML文件的单个包。也没有服务器端呈现/延迟加载。因此，像服务URL、应用程序设置等配置必须是构建参数。并期望DevOps团队也为每个生产环境构建和部署不同的构建。
DevOps团队
DevOps团队希望在QA环境中有一个单独的构建，并在完成测试后将文件推送到Prod。当移动到Prod时，只能更改信任，但是所有构建的代码都应该是相同的。如果完成了任何新的构建，则将其视为未经测试的代码，因此不适合生产。
弓箭手
信任必须是安全的&用户不应该很容易地阅读/修改它。此外，网站还将提供htt
浏览 0提问于2018-08-17得票数 5
回答已采纳
1回答
我有一个SPA (单页应用程序)完全在Javascript/超文本标记语言/CSS构建。没有使用其他语言。现在，我有了大量应用程序的配置数据。这可以是特定于组的。例如，设置A组连接到Ajax的不同IP，然后设置B组。等等等等
为此，我希望有一个单一的配置文件，所有这些配置都可以访问。
一种方法是制作一个包含所有这些配置的javascript文件。我的SPA应用程序将从此Javascript文件中读取配置。
Pros: No new mechanism to be added to read configuration file
Cons: For every config change I h
浏览 2提问于2013-10-24得票数 0
1回答
当与angular-cli捆绑时，块在生产模式中会得到唯一的名称。重复绑定(例如，部署新版本)将删除dist目录，并在其中放置新的包名，只替换index.html，指向当前的包名。
当这样一个过时的版本试图延迟加载包并获得404时，这会导致已经加载的应用程序实例出现问题。
解决这一问题的最佳做法是什么？我可以想出几种解决办法，但想征求一些意见。
调整构建过程，使其不删除过时的文件，但将它们并行保存一段时间。那么问题仍然存在:持续多长时间？SPA浏览器窗口的打开时间没有直接限制。
以某种方式处理捆绑加载中的404并重新加载应用程序。在哪里做得最好呢？
定期在SPA中签入"up
浏览 1提问于2017-01-28得票数 4
我试图使用ASP.NET Core3.1使用最新的SpaServices扩展来运行多个SPA应用程序，并且在使用静态资产时遇到了问题。我所构建的大部分内容都来自一个类似的问题：，但这与SpaServices的角形和旧版本有关。
我的代码有两个React应用程序，ClientApp和AdminApp，我已经使用以下启动代码配置了每个应用程序：
app.Map("/client", clientApp =>
{
clientApp.UseSpa(spa =>
{
spa.Options.SourcePath = "ClientAp
浏览 7提问于2020-09-22得票数 6
1回答
让我们举一个例子，PWA (渐进网络应用程序)是用一个单独的Page (SPA)框架构建的，比如角- 。
打开网站。
导航到另一页，例如：。
离线并点击重新加载-网站将不会加载。
如果我们尝试从基本URL重新加载，它可以工作，但在单个页面应用程序中，通常使用完整的URL从不同的页面重新加载。
如何解决这一问题，显得专门针对SPA PWAs？
浏览 1提问于2018-08-10得票数 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
回答已采纳
1回答
我有项目设置与.net核心MVC SPA模板。当应用程序加载时，它将角水疗加载到MVC中。
我的启动配置有下面的代码来加载SPA。
app.UseSpa(spa =>
{
// To learn more about options for serving an Angular SPA from ASP.NET Core,
// see https://go.microsoft.com/fwlink/?linkid=864501
spa.Options.SourcePath = &#
浏览 1提问于2018-11-16得票数 0
我现在用的是单水疗。下面是我目前的布局的一个例子：
<html>
<head>
<template id="single-spa-layout">
<single-spa-router>
<nav class="topnav">
<application name="@organization/nav"></application>
</nav>
<div
浏览 8提问于2022-09-10得票数 0
2回答
我有以下情况：
MVC应用程序-- ASP.NET MVC应用程序中安装了身份。
SPA应用程序-角形SPA应用程序，位于MVC应用程序内部的一个区域。
Web ASP.NET应用程序使用的Web服务。
MVC应用程序和Web都应该使用相同的用户帐户。所以，现在，我在MVC应用程序中安装了身份。其中包含一个视图，它将加载SPA应用程序，而SPA应用程序将向Web发出请求。但是，只有当用户经过身份验证时，Web才能工作，因此它需要客户机发送的更多令牌。因此，当用户在MVC应用程序中进行身份验证并使用SPA打开视图时，我应该以某种方式为在MVC应用程序中进行身份验证的同一个用户
浏览 3提问于2015-11-17得票数 6
1回答
我正在使用vue和webpack编写SPA应用程序。现在我正在尝试延迟加载和代码拆分，以优化webpack包的大小。
我像这样加载路由：const Route = () => import('../components/***/****')
当我尝试更改url时，我得到了一个错误：
Loading chunk 30 failed. at HTMLScriptElement.onScriptComplete
我哪里做错了？我该如何解决这个问题呢？
浏览 2提问于2019-08-19得票数 0
首先，我为我的无知道歉。当涉及到JavaScript时，我是个可爱的婴儿，主要来自于一个Java背景，所以这对我来说是很新鲜的。我读过一些帖子，但老实说，我甚至不确定是否有一个好的问题要问。
我一直在跟踪“单页网络应用程序: JavaScript端到端”，现在我正在回顾代码，并试图重构/重构它，这样对我来说就有意义了。
我想了解的一件事是，如何使用作者引用的模块化模式正确地组织代码。
spa.model = (function () {
var people,
stateMap = { id : 1 };
people = (function () {
浏览 5提问于2014-01-27得票数 3
回答已采纳
在Visual代码中调试时，只有在复合配置语句中初始化了dotnet之后，才能启动我的角SPA吗？
下面的复合配置一起启动(SPA和Dotnet)，但在某些情况下，SPA在dotnet初始化之前启动并完成初始化，SPA立即调用主页上的API中的db。因此，在SPA完成初始化但API尚未完成初始化的情况下，我看到如下所示的错误。因此，我必须刷新一两次浏览器，直到dotnet首先完成初始化。
这两个项目在调试时的初始化看起来是完全随机的，哪个项目首先完成？
加载资源失败: net::ERR_CONNECTION_REFUSED
这是我的复合配置：
"compounds"
浏览 2提问于2019-12-06得票数 4
回答已采纳
我们用火力基地托管了一个有角度的SPA。我们的firebase.json，部分，如下所示：
{
"hosting": {
...,
"rewrites": [
{
"source": "/es/**",
"destination": "/es/index.html"
},
{
"source": "**",
"destination"
浏览 8提问于2022-10-31得票数 0
我有一个在前端处理所有url标题的React SPA，所以在GTM上注册的historyChange事件将获得所有访问过的url及其标题。 但是，在第一次加载SPA时，假设使用F5重新加载，您可以看到在前端的代码能够设置正确的标题之前需要花费一些时间。看起来此时pageview或historyChange事件已经被注册了。 在这里你可以看到我们如何加载我们的GTM script，它自动加载analytics.js，因为我们从GTM仪表板链接了它。 <script type="text/javascript" async="" src="https
浏览 50提问于2021-11-12得票数 1
我在SPA模式下使用nuxt。在加载不同的路由之间，会出现白色的加载屏幕。 ? 当我使用通用模式时，它只在顶部有一个白色的加载栏，但当我使用SPA模式时，整个页面变成了一个白色的加载栏。 在nuxt spa模式下，有没有办法避免这种情况？
浏览 31提问于2020-04-02得票数 0
回答已采纳
我了解HTML5 History API，以及它如何在单页面应用程序(SPA)中启用后退和前进按钮。
但是，给定API显示的URL，当通过书签或电子邮件发送URL时，我如何返回到应用程序状态？例如..。
如果我的SPA是从加载的，用户可能会四处导航，直到URL变形为。用户决定从现在开始将其作为他们在SPA中的起点，并将其加入书签。此外，他们认为这是一个很好的起点，他们的同事和电子邮件的网址给他们。
因此，当我的SPA加载时，我可以捕获散列标记#!ec2f209f25e11，但现在怎么办？我有什么机制可以让他们处于他们期望的相同点击流？是否必须为每个显示选项创建路由表？这(我希望)不是我唯一的选
浏览 2提问于2017-11-30得票数 0
我想简单地使用来自api调用的数据来初始化容器状态，使用 (一个React包装器)。
我看到了一个用几个vars实例化容器的例子：
import { Container} from 'unstated';
class WordlistContainer extends Container {
constructor(...words) {
super();
this.state = {
words: words
};
}
}
let wordList = new WordlistC
浏览 0提问于2018-09-05得票数 1
回答已采纳
我注意到wkhtmltopdf有一些奇怪的行为。当重用相同的映像时，wkhtmltopdf不会重用这些图像并将它们第二次添加到pdf中。这大大增加了pdf的大小。
示例1-两个不同的图像
<img src="https://www.teahub.io/photos/full/183-1832397_new-zealand-sunset-wallpaper-5-mb-image-download.jpg" width="800" />
<img src="https://www.velassaru.com/imagebank/06-s
浏览 1提问于2021-06-02得票数 1
我的团队最近将我们的遗留SPA路由实现从基于散列更新为HTML5历史路由。现在我们需要更新Apache设置，以允许SPA处理“干净的URL”。使用FallbackResource指令很容易做到这一点： FallbackResource /index.html 这将为所有未实际映射到磁盘上的文件/目录的文件和目录请求加载SPA。 然而，我仍然希望那些实际上不存在的文件加载我们的服务器404.html页面并以404状态响应，而不是“回退”到SPA index.html。 如何将Apache配置为只回退到不存在的目录(/some/route)的index.html页面，而不存在的文件请求(/som
浏览 10提问于2019-02-27得票数 3
我们的PWA应用程序由一个shell组成，它只需加载一次，并使用典型的SPA技术从后端加载任何新数据。这个shell的行为非常像一个典型的SPA。在这个shell中有一个区域，它只显示html。此html必须动态加载。此外，来自该html的任何后端请求都必须被静态部分截取。例如，当用户点击html中的“下一步”按钮时，必须加载一个新的html。在PWA中这是可能的吗?如果可能，可以使用什么技术？
浏览 1提问于2020-11-23得票数 1
1回答
第一次处理SPA。我有一个后端restful服务，它在用户登录时返回一个令牌。我知道我应该通过每个请求中的头部发送令牌，所以我在考虑将令牌保存在一个文件中，并在每个组件中创建一个加载令牌的服务或类，但我不知道这是不是一个好方法，因为我找不到有关此问题的Angular Dart文档。
浏览 0提问于2017-09-11得票数 1
我用VisualStudio2017创建了一个.Net Core2.1角应用程序(ver )。15.7.2)
我想知道spa.UseAngularCliServer()是如何在开发模式下为页面服务的。
在调试模式下，ClientApp或wwwroot文件夹中没有"dist“文件夹，尽管网页正常加载。dist文件夹在哪里？
看起来spa中间件启动了一个角-cli服务器，但是这个网页实际上是由IIS托管的。"ng服务“与IIS Express的关系如何？
表格starup.cs
app.UseSpa(spa =>
{
浏览 0提问于2018-10-11得票数 13
回答已采纳
我想知道为什么SPA的登录页面不属于SPA的独立页面(比如通过ajax请求加载和发送数据)似乎很流行？
我唯一能想到的就是安全，但我想不出具体的安全原因。我的意思是，如果您的登录页面是SPA的一部分，它会通过ajax发送用户名/密码，这些工具可以从firebug或web检查器等工具中看到；然而，即使您将其作为普通的POST请求发送，也有其他一些工具可以轻松地捕获这些数据(比如fiddler、httpscoop等)。
我遗漏了什么吗？
浏览 0提问于2012-10-25得票数 36
回答已采纳
我有一个角度(v6) SPA与许多懒惰加载模块。目前，我有一个json文件保存配置的应用程序，可以改变通过一个单独的管理界面，而不需要重建/部署的应用。配置文件当前加载在APP_INITIALIZER中，它可以很好地确保我在允许应用程序完全引导之前检索配置。
我希望将这个配置文件拆分到每个模块上，在APP_INITIALIZER中加载一个通用配置，而只有在该特定模块延迟加载时才加载其他配置文件。
是否有一种公认的或最佳的做法来做到这一点？我似乎在棱角分明的文档或一般的网络上找不到任何东西。一种方法可能是在模块构造函数中获取配置，但据我所见，在检索并存储此配置文件之前，无法阻止模块继续加载和设置
浏览 3提问于2020-04-15得票数 1
我们有一个集成了HubSpot跟踪码(https://developers.hubspot.com/docs/api/events/tracking-code)的SPA应用程序。我们使用identify函数来确保跟踪绑定到我们登录的用户。然后，每当SPA中的当前URL发生更改时，我们也会调用trackPageView。这一切都很好:页面视图与正确登录的用户相关联。 现在，因为它是一个SPA，所以当用户从我们的应用程序注销时，我们不会重新加载整个页面浏览器。这意味着任何后续的trackPageView呼叫都将与已注销的用户相关联。 所以，问题是:当用户从我们的应用程序中注销时，我们如何从Hub
浏览 24提问于2021-08-11得票数 0
回答已采纳
我试图将我的Angular.js SPA推送到IIS7服务器上，但有问题。该应用程序似乎加载了一半(因为我的视图和模板加载得很好)，但随后停止了这样的工作：
正如您所看到的，console...and中没有错误，只是为了更好的度量，我检查了Fiddler，它也没有问题：
SPA在我的本地web服务器上完全正常工作，只有在被推到IIS时才会出现问题。任何想法都将不胜感激！
编辑：
看起来问题在于在运行grunt build时没有正确地包含角-csp.css --这是通过将以下内容添加到我的项目的bower.json文件中来解决的：
"overrides": {
浏览 2提问于2015-03-18得票数 0
回答已采纳
我有一个使用Visual Studio2015开发的AngularJS SPA应用程序。当我单击publish时，它会发布index.html，并且工作正常。但是，如果我在一个页面上单击refresh，那么它会尝试刷新SPA页面，比如example.com/home/about。此操作失败，因为我没有主页/关于页。
有没有办法修改我的web.config文件(仅用于本地测试)，使其真正转到index.html (加载该文件)，然后转到/home/about状态？
这是我目前的web.config：
<configuration>
<system.web>
&
浏览 0提问于2016-05-05得票数 8
1回答
我最近开始学习react，现在我知道Facebook，Instagram和更多的使用都是直接的，但我的问题是，当我们进入instagram.com时，它给出的页面表现为react，但是当我们点击登录时，它会重新加载页面，这样我就可以在使用reload的同时访问服务器。例如：-如果我们以Instagram为例，如果您第一次打开Instagram页面，它表现为spa，但是当我们填写表单并单击登录时，页面开始重新加载为什么？
浏览 3提问于2021-05-15得票数 0
我想配置.Net核心应用程序与反应(SPA)。一切都很好。当我使用react加载组件/页面时，它可以正常工作，直到刷新浏览器。如果刷新浏览，就会得到“无法获取/Path”(404)错误。我知道这个页面不存在，它将从JS (react)中得到服务，我需要做什么配置来避免这个错误？此外，反应热-重新装载已不再工作。
我在.Net核心应用程序中没有几个页面，我正在其中一些页面上加载react。请在下面找到.Net和React应用程序的代码。
我如何保留页面和它的状态在硬刷新和反应热重新加载？
.Net应用程序
Startup.cs
namespace AspnetCoreReact.Web
{
浏览 0提问于2021-07-21得票数 0
回答已采纳
组件：
HTML，引导，AJAX单页应用程序(SPA) ->部署在tomcat 1上的前提
Azure应用程序代理1以预身份验证为通过的SPA前端
REST ( API ) ->部署在tomcat 2上
Azure应用程序代理2使用预身份验证的API作为Azure Active
Microsoft库：
流：
用户使用Application 1外部URL访问SPA。
当单击SPA时，SPA有一个登录按钮，调用Microsoft库。
用户将弹出并在输入凭据时，通过Azure进行身份验证，并获取OAuth令牌。
成功验证后，允许用户在SPA上执
浏览 0提问于2020-07-17得票数 1
回答已采纳
1回答
在SPA web应用程序中使用路由时，用户不必从应用程序的入口点开始。他们可以使用浏览器中的URL向下钻取应用程序的任何部分。
在RESTful后端API中实现HATEOAS时，我们假设前端只知道API入口点的URL，然后API从那里提供到应用程序其他部分的链接。
因此，这就引出了一个问题，如果用户在浏览器中输入一个URL来加载SPA的特定部分(而不是入口点)，那么SPA如何获得SPA的该部分所需的适当API链接？
SPA是否只是一次发出一串API调用，从API的入口点开始，然后跟踪链接，直到得到它需要加载的状态所需的链接？如果API不包括所需的链接，因为它不是基于应用程序当前状态的有效链接，
浏览 0提问于2020-05-08得票数 1
当DOM就绪或页面视图在单页应用程序上更改时，我需要触发一个函数，这是我的代码，它是用户第一次访问站点(DOM就绪)，但当用户切换SPA页面(视图更改)时，它无法工作。
对于大多数网站和SPA项目，我需要一种通用的方法，因为这段代码需要在我们客户的每个网站上执行(有点像Google分析跟踪代码)，而且每次最终用户加载或切换页面时都需要执行此代码。是否有任何纯Javascript可以检测到SPA何时更改页面？
function docReady(fn) {
if (document.readyState === "complete" || document.readySt
浏览 0提问于2020-12-16得票数 4
我在Angular (10)中有一个单页面应用程序，它具有使用节点后端的路由。我已经在app-routing.module.ts中为我的SPA添加了路由 const routes: Routes = [
{
path: '',
component: HomeComponent,
},
{
path: 'page1',
component: page1Component,
},
{
path: 'page2',
component: page2Component,
},
];
浏览 9提问于2020-11-23得票数 0
回答已采纳
我在maven pom.xml文件中添加了几个新插件。
当我发出命令：exec-maven-plugin：mvn install时，我还没有弄清楚为什么maven-resources-plugin和mvn install没有运行。其他maven插件也会按预期执行。
当我运行mvn exec:exec时，exec-maven-plugin确实会被运行。
我尝试了几个不同的阶段，但都没有结果。
我在这里做错了什么，我应该尝试什么？
以下是maven文件的相关部分
<plugins>
<plugin>
<groupId>org.codeh
浏览 15提问于2014-03-13得票数 2
回答已采纳
许多(但不是所有)浏览器都内置XSS保护，可以使用HTTP报头激活这些保护：
X-XSS-Protection: 1; mode=block
据我所知，它通过检查文档在加载时不包含任何可疑的查询字符串部分来防止反映XSS的攻击。对于现代的SPA来说，这并不是很有用。直接从服务器加载的HTML通常只是静态的，所有有趣的内容都是在页面加载之后发生的。
是否有任何具有XSS过滤器的浏览器也可以阻止基于DOM的XSS？例如，这样的过滤器将检查传递给.innerHTML的东西是否是来自查询字符串或任何其他用户输入的恶意反射，比如textbox。
这是件事吗？在SPA上启用XSS过滤器有什么好处吗？
浏览 0提问于2018-11-02得票数 1
我试图在由一个库和多个SPA项目组成的角度应用程序中实现Transloco。我希望在库项目common中有一个全局配置类，并使用库无法访问的生产模式变量对其进行扩展。
目前，我有以下工作配置架构：
transloco-library config.module.ts(在common库中)：
@NgModule()
export class TranslocoCommonConfig implements TranslocoConfig {
public defaultLang = 'en';
public availableLangs: string[] = [
浏览 3提问于2022-10-06得票数 0
回答已采纳
上下文
我一直在摆弄，试图创建我自己的(只是另一个) SPA框架。在这个框架中，我一直试图创建一个自定义组件加载器，以便能够在我加载的viewModels上执行一些依赖项注入。
二手KnockoutJS版本: 3.3.0
问题
加载组件时，自定义组件加载器上的loadViewModel函数不会执行。
参考代码()：
injector(function (ko) {
ko.components.loaders.unshift({
getConfig: function (name, callback) {
var parts = name.spli
浏览 2提问于2015-06-22得票数 1
回答已采纳
我用Angularjs做了一个完整的单页面应用程序(SPA)。
到目前一切尚好。
任何人都知道，所有的javascript文件都是在第一次访问时加载的。或者，一些文件在需要时以惰性模式样式加载。
到目前为止一切顺利..。
情况是:服务器更新所有文件(html部分、javascripts、css)，而客户端保留大量过时的文件。
这可以简单地解决刷新浏览器，点击F5键，control+f5，或浏览器中的刷新按钮。但在使用SPA时，不存在此概念。
我不知道如何解决这个问题。
我可以通过某种方式检测(也许是执行ping命令)，然后重新加载特定的文件。使用document.write策略。但是现在出现了
浏览 2提问于2013-09-13得票数 16
我注意到，如果我使用ngRoute并使用AngularJS制作单个页面应用程序，然后加载两个子页面：main.html和second.html，然后在Google的调试控制台中加载，我将看到当我第一次加载SPA页面时，它将加载main.html，当单击SPA上的另一个链接时，它将从网络加载second.html，但之后将停止加载main.html或second.html。
在header中，我没有看到过期值，而且HTTP头实际上有一个pragma: no-cache。
Update:在评论中，@sdfacre建议它是因为$templateCache缓存页面，那么如果它是百思买，关闭该网站，1小
浏览 2提问于2016-01-28得票数 0
1回答
我的web应用程序设置如下：
带有API的资源服务器(使用Security)
驻留登录表单页面的授权服务器( Security )
SPA客户端(角6/路由/角-oauth-oidc库)
我用的是隐式流
我试图找出实现登录流的最佳方法。正如我现在所做的那样，当用户试图访问受保护的路由而没有令牌时，他被重定向到auth服务器的登录表单(通过一个守卫)。如果登录成功，浏览器然后重定向回角应用程序的受保护路径。保护允许访问，因为用户现在有一个令牌。
问题是，我正在努力弄清楚，我的角度应用程序有两次:一次在登录之前，一次在登录之后。现代浏览器将缓存实际的SPA资源(.js、.h
浏览 1提问于2019-01-17得票数 2
我有一个Django后端工作，也是一个反应SPA。
我将React构建存储在Django的静态文件目录中，网页运行正常。
但我的问题是Django仍然处理路由，例如404页面，当用户重新加载路由页面时，它会将他们带到Django页面。
浏览 0提问于2018-06-28得票数 0
在SPA web应用程序(angular、react等)中使用路由时，用户不必从应用程序的入口点开始。他们可以使用浏览器中的URL向下钻取到应用程序的任何部分。
在RESTful后端应用程序接口中实现HATEOAS时，我们假设前端只知道应用程序接口入口点的URL，然后应用程序接口提供从那里到应用程序其他部分的链接。
因此，这就引出了一个问题:如果用户在加载SPA特定部分(而不是入口点)的浏览器中输入URL，SPA如何获取仅该部分SPA所需的相应API链接？
SPA是否只是一次执行一系列API调用，从API的入口点开始，然后跟随链接，直到它获得需要加载的状态所需的链接？如果API不包含所需的链接
浏览 39提问于2020-05-08得票数 1
回答已采纳
3回答
我使用angular.js来开发我的SPA网站。
现在我的网站依赖于ASP.NET MVC。
只有一个.cshtml文件(主页)，其他文件都是.html文件。
当我打开我的站点时，HomeController的索引操作将返回主页视图，而Bundle在.NET中将缩小主页中的所有js和css文件。因此，当我通过.html切换angular.js页面时，我不需要重新加载js或css，因为所有.html都是通过ng视图切换的，而homepage.cshtml就像一个母版页面。
现在我想删除.NET并成为纯粹的前端项目，然后我可以在其他web服务器上开发我的站点。
我可以用直接调用API取代ASP.N
浏览 1提问于2013-12-05得票数 0
我使用的是SPA，我的本地dev环境为任何404 s提供index.html文件。在加载应用程序时，这将保持URL的完整性。我的应用程序路由选择URL并显示正确的页面。
我目前在s3中有404个重定向到index.html
当前行为
浏览www.example.com/client
s3检测到404
重定向至www.example.com/index.html
SPA看到端点是/index.html，无法找到页面。
期望行为
浏览www.example.com/client
检测404
服务index.html无重定向
SPA看到端点是/clients并
浏览 2提问于2018-01-10得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
