single-page-application相关内容

为什么浏览器在经过身份验证的 XMLHttpRequest 后不重用授权标头?

我正在使用 Angular 开发单页应用程序.后端公开需要基本身份验证的 REST 服务.获取 index.html 或任何脚本不需要身份验证. 我有一个奇怪的情况,我的一个视图有一个 ,其中 src 是需要身份验证的 REST API 的 url. 由浏览器处理,我没有机会为它发出的 GET 请求设置授权标头.这会导致浏览器提示输入凭据. 我试图通过这样做来解决这个问题: ..

错误:无法在“XMLHttpRequest"上执行“发送":无法加载“文件":AngularJS SPA

我对 Angular SPA 非常陌生,这是我第一次通过谷歌搜索获得代码并尝试运行.但是我在控制台中遇到了一些错误.我不知道为什么,我发现了以下控制台错误列表: XMLHttpRequest 无法加载file:///C:/Users/hp/Downloads/single-page-app-angularjs-master/home.html.仅协议方案支持跨源请求:http、数据、chro ..
发布时间:2021-11-09 03:02:12 前端开发

为 SPA 前端配置 Spring Boot

我有整个前端部分都放在资源中的应用程序.我想把事情分开.并且有单独的 UI 服务器,例如由 gulp 提供. 所以我假设我的服务器应该为客户端呈现的所有请求返回 index.html. 例如:我有 'user/:id' 路由,它由角度路由管理,不需要任何服务器.如何配置以便服务器不会重新加载或将我重定向到任何地方? 我的安全配置如下(不知道是否对此类事情负责): public ..
发布时间:2021-11-09 02:59:51 Java开发

告诉屏幕阅读器在 Backbone/Angular 单页应用程序中页面已更改

假设您有一个简单的单页应用程序 - 无论它是使用 Backbone、Angular、Ember 还是其他任何东西编写的. 您如何告诉屏幕阅读器我们在遵循路线时更改了“页面"? 在经典应用程序中,当我从 /index.html 导航到 /about.html 时,屏幕阅读器显然会检测到页面更改,并会像您一样重新阅读期待. 不过,在我的 Backbone 应用程序中,当我遵循一条路线 ..

我如何让 ui-router 转到外部链接,例如 google.com?

例如: $stateProvider.state('外部', {网址:'http://www.google.com',}) url 假设这是一个内部状态.我希望它像 href 或类似的东西. 我有一个将从 ui-routes 构建的导航结构,我需要一个链接来转到外部链接.不一定只是谷歌,那只是一个例子. 不是在链接中或作为 $state.href('http://www.goog ..

如何禁用通过 IIS 提供的单页应用程序 HTML 文件的缓存?

我有一个通过 IIS 提供服务的单页应用程序 (angular-js).如何防止缓存 HTML 文件?该解决方案需要通过更改 index.html 或 web.config 中的内容来实现,因为无法通过管理控制台访问 IIS. 我目前正在研究的一些选项是: web.config 缓存配置文件 - http://www.iis.net/configreference/system.web ..
发布时间:2021-11-09 02:22:28 C#/.NET

AngularJS HTML5 模式 - 直接链接如何在没有服务器特定更改的情况下工作?

注意:这个问题也可以写成: 如何支持hashbang-less客户端mvc框架的书签在 Java 中. 我正在将使用 hashtags 的 Angular 应用转换为 html5mode.我已经成功设置 $locationProvider.html5Mode(true); 并且来自着陆页 (index.html) 的所有链接都可以正常工作. 问题是,如果直接引用部分 url, ..
发布时间:2021-11-09 02:11:34 Java开发

身份验证和会话管理的 SPA 最佳实践

在使用 Angular、Ember、React 等框架构建 SPA 风格的应用程序时,人们认为哪些是身份验证和会话管理的最佳实践?我可以想到几种方法来考虑解决这个问题. 假设 API 和 UI 具有相同的原始域,那么对待它与使用常规 Web 应用程序进行身份验证没有什么不同. 这可能涉及拥有会话 cookie、服务器端会话存储和一些会话 API 端点,经过身份验证的 Web UI 可以 ..

在 selenium Java 或 cypress 中使用 e2e 的 Angular/SPA 应用程序的代码覆盖率

我们想要测量 Angular 8 应用程序代码覆盖率.我们有一个用 selenium java 编写的 e2e 测试用例,它加载部署在浏览器中另一台机器上的 angular 应用程序,并运行一些 e2e 测试用例集.问题是我如何衡量 Angular 应用程序的 JavaScript 代码覆盖率. 在高层次上,我可以想到一些使用 istanbul 来检测我的 angular javascrip ..

在 Angular 中将图像 url 转换为 base64

我正在努力尝试将给定的图像 url 转换为 base64...在我的情况下,我有一个带有图像路径的字符串 var imgUrl = `../../../../../assets/logoEmpresas/${empresa.logoUrl}` 如何将给定的图片网址直接转换为 base64 格式?...我试过这篇文章. 将图像转换为 angular 2 中的 base64 但是这篇文 ..

我将 ng2-metadata 与我的 angular 版本 4 应用程序一起使用,而谷歌似乎只显示默认标题和描述

我将 ng2-metadata 与我的 angular 应用一起使用,而 google 似乎只显示默认标题和元描述. 我的技术:用于托管的 Angular 版本 4、webpack、typescript 和 firebase. 我正在部署 AOT 版本,并且我添加了 ng2-metadata aot 函数,如下面的链接所示. 这是我正在使用的包: https://www.npmj ..
发布时间:2021-11-08 21:44:17 其他开发

ASP.Net Core + Angular 2 app/home 路由

我已经为此纠结了一段时间,决定写一篇文章. 我正在使用 ASP.Net Core 5.0 和 Angular 2 上的 VS2017 构建一个简单的单页应用程序,该模板取自 ASP.NET Core 模板包.该应用程序应该管理联系人列表数据库. 我的想法是,默认的起始“/home"页面应该使用 HomeComponent 显示联系人列表.所有路由都工作正常,但是当应用程序启动时或每当我 ..

如何从另一个角度刷新组件?

我目前正在学习 angular,并在很长一段路要开发一个小型应用程序.我的应用程序包含多个组件,其中一些允许使用执行一些 crud 操作.但是,我面临着一个我已经好几天都无法解决的问题. 该应用将数据分类为用户可以更新的不同类别.但是当用户更新一个组件中的数据然后导航到另一个组件时.用户导航到的组件不知道更新,因此不会刷新.我知道我可以使用 window.location.reload() ..

utm_source 和 utm_medium 在 SPA 中丢失

我的 SPA 应用程序和分析有一个奇怪的问题.某些用户的源/媒体参数在会话期间丢失. 我按照推荐使用 Google 跟踪代码管理器使用历史 API,并且它工作正常.但是大约 30% 的用户丢失了他们的 utm 参数并成为推荐人.我不明白这种行为,有人见过吗? 所以,我知道 100% 是 (source/medium) = mySource/affiliate 但从分析来看,大约 3 ..