single-page-application相关内容

使用“<样式范围的>"在Nuxt.js(SPA)中

我使用nuxt.js/express启动项目. 我们已经为nuxt.js中的每个组件(.vue)开发了样式范围.因此,在routing时,该属性会覆盖在相同的类名(样式)上,因此页面无法正确显示. 1.“样式范围"的正确用法是什么? 2.还是路由过程应该是 而不是 ? 解决方案 “样式范围"的正确用法是什么? ..
发布时间:2021-04-26 19:47:15 前端开发

代码拆分导致新部署SPA后无法加载块

我有一个单页面应用程序,我在每条路线上都进行了代码拆分.当我部署新版本的应用程序时,如果用户仍打开页面并访问他们以前未曾访问过的路线,则通常会收到错误消息. 这种情况也可能发生的另一种情况是,如果应用程序启用了服务工作者.当用户在新部署后访问页面时,服务工作者将从缓存中提供服务.然后,如果用户尝试访问不在其缓存中的页面,则会导致块加载失败. 目前,我在应用程序中禁用了代码拆分以避免这种 ..

为什么我需要一台带有create-react-app的服务器

我最近用create-react-app创建了一个网站.由于这不是Web应用程序,为什么我需要服务器才能查看它?我试图在build文件夹中打开索引文件,但是除非从服务器提供它,否则它将无法正常工作. 解决方案 您可以在 package.json 文件中设置首页根网址,例如 {...,“主页":"file:/// ..

Blazor Chrome缓存问题

我有这个Blazor SPA,我已经在Webhotel上发布到IIS.我的问题是Chrome以某种方式缓存了Blazor程序集,因此无论我重新部署多少次,我仍然会得到旧的dll.我可以使用 chrome --disable-application-cache --incognito 启动一个新的干净的Chrome,确实可以获取新的dll,但是如何正确解决呢?亲切的问候 解决方案 如果您不希 ..
发布时间:2021-04-15 20:10:26 其他开发

React SPA中的msal-使用从AcquireTokenRedirect收到的访问令牌

我有一个React SPA,并且我正在使用msal使用loginRedirect对Microsoft用户进行身份验证.登录后,我正在使用AcquireTokenSilent来静默获取访问令牌,以调用Web API.当获取访问令牌失败并且需要进行交互时,我正在使用acquireTokenRedirect. 当我使用acquireTokenRedirect时,我看到的是:1.将用户重定向到log ..

Oauth 2.0 |SPA |id_token如何伪装成用于访问受限Web资源的access_token?

我正在为我的Angular SPA(或任何Javascript )应用程序集成 Azure Active Directory .应用程序具有一个前端(使用JavaScript构建的 )和一个Web API(使用任何c#或任何服务器端语言构建的 ). 作为参考, https://github.com/Azure-Samples/active-directory-angularjs-single ..

在本地测试Azure Active Directory安全

我在启用了Azure Active Directory安全性(快速设置)的Azure上部署了一个Web应用程序.因此,当我尝试访问该应用程序时,我需要成为AD的一部分才能访问. 我想向应用程序添加更多功能,例如显示当前登录的用户,实现注销,管理权限等...我相信我可以使用Azure Graph API来完成所有事情. 但是,要做到这一点,我将需要在本地测试一些东西.有什么方法可以在本地 ..

Vue.js/Vuex + axios发送多个PUT请求

我的SPA上的用户能够添加/更新和删除组. 我已经建立了Vuex商店和API帮助程序模块.在EditGroup组件中,当用户按下“保存更改"时,将执行一个方法. 问题是,axios发送5至20个PUT请求,但该方法仅执行一次.对于GET,POST或DELETE请求,axios发送一个请求. 在我的EditGroup组件中: saveSelected:function(){th ..
发布时间:2021-04-13 18:49:49 前端开发

具有spa和子目录根目录的nginx配置

我似乎总是对nginx配置有问题.我的SPA位于/mnt/q/app(启用了推送状态),前端根目录位于客户端/公共.一切都应映射到index.html,在此应用程序将选择路线并决定要执行的操作. 索引的完整路径为/mnt/q/app/client/public/index.html . 我想我现在已经没有选择了.不管我做什么,我都只能从nginx处获得404,我认为配置很简单,不知道出 ..
发布时间:2021-04-12 19:48:44 其他开发

ASP.NET Web API 2-如何为SPA应用程序实现OAuth2.0

我正在尝试实现WEB API 2(用于Single Page App,不是Visual Studio项目的一部分)OAuth2.0协议.根据我应该使用哪个OAuth 2.0流程,使用刷新令牌不是一种选择.但是,我不确定我是否了解最终的静默身份验证的隐式授予流程. 隐式流是否仅意味着发行普通访问令牌?在这种情况下,我们如何允许用户长时间保持登录状态?静默身份验证端点应该是什么样子,它应该接收并 ..

带有多个SPA的ServiceStack Razor

我没有看到在Internet上将ServiceStack Razor与多个SPA一起使用的示例.在我的用例中拥有多个SPA的原因是因为我的整个站点都非常庞大,并且我想用多个SPA来模块化我的站点.我知道FallbackRoute属性,但是根据文档,它似乎只允许一个FallbackRoute?例如,我想在我的应用程序中使用这些路由以路由到各自的SPA www.mydomain.com/spa1 ..

如何在ASP.NET Core Razor Pages中为单页应用程序创建包罗万象的路由?

对于单页应用程序,我们希望能够将所有其他未处理的请求路由到索引,以便处理客户端路由. 以前,我们将使用MapRoute()添加路由,如 services.AddMvc().AddRazorPagesOptions(options =>{//将所有路由都匹配到索引,以便我们可以处理客户端路由.options.Conventions.AddPageRoute("/index","{* url ..
发布时间:2021-04-11 18:56:54 C#/.NET

如何防止用户重新提交表单?

我正在开发单页应用程序. 在应用程序结束时,用户可以提交他的联系信息(姓名,电话号码等).这会发送一封电子邮件,并将页面修改为“感谢提交[...]"页面. 问题在于,客户可以按返回按钮并重新发送电子邮件. 有没有办法防止这种垃圾邮件? 代码 Sub BT_Send(作为对象发送,作为EventArgs发送)处理BT_Send.Click尝试'创建电子邮件将昏暗的mail ..
发布时间:2021-04-10 18:51:30 C#/.NET

对于合并存储库的子集,我有哪些选择?

这个问题更多是关于应用程序体系结构和源代码控制类型的问题. 我有2个Github存储库,一个是React单页应用程序,另一个是一个React网站.对于我的单页应用程序,我将使代码公开可用,并且该应用程序链接到其存储库.对于我的网站,我希望将存储库设为私有,但将单页应用程序合并到其中,以便人们无需下载和构建代码即可使用它. 我可以获取一些关于如何将对单页应用程序存储库的更改与网站存储库合 ..

如何保护API Flask,以便仅用于我的前端应用程序?

我使用flask_restjsonapi创建了一个API,我想集成该API,使其只能与未来的reactjs前端一起使用(该应用程序是电子商务,该API是代表应用程序数据层的后端).我希望用户可以未经授权(作为来宾)访问产品数据,但是肯定需要记录该数据以访问付款视图或购买商品.那我怎么能得到这个呢?Oauth(流类型),基本身份验证,Cookie.我应该遵循哪些步骤? PS:我对Reactjs ..
发布时间:2021-04-08 20:39:34 其他开发

Google NoCaptcha ReCaptcha仅在刷新时显示在Angular SPA中

我注意到我的新ReCaptcha仅在“有时"出现,所以我试图对其进行追踪. 我有一个使用Angular的SPA,并且在"/联系人"页面上加载时,出现ReCaptcha.如果我加载到任何其他页面上并尝试导航到"/contact"页面,则ReCaptcha不存在,但是如果我在该页面上刷新,它将再次出现.导航并返回此页面将使其再次消失. 我的设置类似于以下内容: index.html ..
发布时间:2021-04-07 18:52:15 其他开发