SPA路由器链接显示两个页面
SPA (Single Page Application) 是一种现代的Web应用程序开发模式，它在加载页面时只请求一次服务器资源，然后通过前端路由在客户端进行页面切换，从而提供更好的用户体验和更快的响应速度。
SPA路由器链接显示两个页面的问题可能由以下几个方面引起：
- 前端路由配置错误：检查前端路由配置文件是否正确，确保两个页面的路由路径和组件对应关系正确。
- 前端路由切换逻辑问题：查看前端路由切换逻辑代码，确保在切换页面时正确处理页面组件的加载和卸载。
- 页面组件加载问题：如果两个页面都没有正确显示，可能是页面组件加载失败。检查浏览器控制台是否有相关的错误信息，尝试重新加载页面或检查组件加载的依赖是否正确。
- 网络请求问题：SPA通常通过异步请求获取数据并渲染页面，可能是网络请求失败导致页面无法显示。检查网络请求是否正确发送和返回了正确的数据。
对于SPA路由器链接显示两个页面的问题，可以尝试以下解决方案：
- 检查前端路由配置文件，确保两个页面的路由路径和组件对应关系正确。
- 检查前端路由切换逻辑代码，确保在切换页面时正确处理页面组件的加载和卸载。
- 检查页面组件加载是否失败，查看浏览器控制台是否有相关的错误信息，并尝试重新加载页面或检查组件加载的依赖是否正确。
- 检查网络请求是否正确发送和返回了正确的数据，确保网络请求没有出现错误。
如果以上方法都无法解决问题，可以尝试使用调试工具进行逐步调试，逐步排查错误原因。腾讯云提供了云开发（https://cloud.tencent.com/product/tcb）服务，可以帮助开发者快速构建前后端分离的Web应用程序，并提供云函数和数据库等基础设施，方便开发者进行调试和部署。
需要注意的是，以上解决方案仅供参考，具体的问题解决方法需要根据实际情况进行调试和排查。
相关·内容
我的印象是，对于单页面应用程序，不会发生重新加载。是否可以通过查看代码和/或行为来确定应用程序是否为SPA？例如，代码使用(我认为)路由器--这是否意味着reactjs应用程序就是SPA？
浏览 10提问于2021-01-06得票数 0
回答已采纳
2回答
我有一个关于react-router和google在google结果中缓存页面的问题。在这种情况下，我们有一个SPA，它使用react-router (通过browserHistory)，这里的问题是: google缓存的页面是一个页面包装器，其中URL-a不同于在SPA的路由器中定义的URL，在这种情况下，应用程序的路由落入未找到的页面的定义。(示例)
和谷歌的SPA页面的缓存结果，而不是显示页面的内容，显示组件PageNotFoundApp (未找到页面的路由*)。
你有什么想法，如何解决所描述的问题？
浏览 9提问于2017-02-26得票数 1
0回答
我正在构建一个单页Angular 2.2.0应用程序，它将成为嵌入式网站的一部分。该网站将有六个页面，Angular SPA在/application.html。该应用程序将在不同的时间显示/隐藏各种组件，这是我使用路由器驱动的。
我想要维护/application.html的网址，因为我不需要用户能够在SPA内的位置书签，web服务器不能被配置为映射“未找到”的URL到其他地方，这将使SPA更好地与网站的其余部分共存。不幸的是，这不是Angular路由器的设计方式:它实际上是想使用浏览器的地址栏。
我已经解决了这个问题的两个后果；具体地说，当我的代码跳转到一个新位置时，我使用skipLoca
浏览 1提问于2016-12-22得票数 1
回答已采纳
在执行angular2“英雄之旅”教程时，我刚刚注意到他们的spa路由器在url中没有尾随散列(#)字符(例如kendo spa路由器就是这样)。
如果浏览器不重新加载整个页面，angular2是如何工作的？
浏览 1提问于2017-02-02得票数 2
在我的Vue SPA中，我使用带有历史模式的vue-router。其中一个组件是vue-showdown。vue-showdown动态生成HTML代码。这可能包括链接。单击链接时，页面将重新加载。我想让这些链接的工作方式类似于路由器链接的工作方式。我想知道是否有任何方法可以使用或其他HTML标记重现路由器链接的行为。
如果需要，我可以根据需要使用HTML标记更新markdown文本。
浏览 0提问于2020-06-12得票数 0
当我在我的应用中实现angular UI路由器时，我的视图URL显示为：
www.example.com/serverpath#/UIRouterPath1
www.example.com/serverpath#/UIRouterPath2
现在我想改成像这样的
www.example.com/serverpath/SPA/UIRouterPath1
www.example.com/serverpath/SPA/UIRouterPath2
我该如何做到这一点？
浏览 5提问于2016-01-01得票数 0
1回答
带两个MVC控制器的SPA
、、、、
按照约翰爸爸的课程，我正在构建一个SPA，并试图确保用户只有在Facebook/Google+认证之后才能进入SPA。为此，我有两个MCV控制器，默认和着陆控制器称为Home/Index，这只显示带有FB/G+登录按钮的介绍性屏幕。一旦使用了其中一个按钮并进行了身份验证，用户就会被带到第二个控制器，该控制器是实际的SPA页面，具有带有id=applicationHost的div，以及shell加载和SPA开始的位置。
我使用以下路由JSON数组来映射我的路由
var routes = [{
url: 'snaps',
浏览 2提问于2013-06-11得票数 3
回答已采纳
我们有SPA (单页应用程序，生成的nuxtjs项目)与facebook客户聊天插件。 此插件在页面刷新期间初始化，并在路由器加载视图后保留在站点上。 我们想要显示这个插件只在特定的页面，如登陆页面，支持页面，付款页面和隐藏在休息页面。 在初始加载过程中，插件会创建内含所有魔力的iframe，并且此iframe在SPA导航期间保持不变。 问题是--如何正确地在特定页面上隐藏facebook客户聊天插件？销毁iframe？一些未记录的设置？另一个魔法？ 谢谢
浏览 12提问于2019-06-08得票数 0
我在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
回答已采纳
我正在研究一个角度应用程序，并将其部署在kubernetes中。我可以通过Nginx进入访问我的应用程序。
我正在使用角度路由器，以启用导航通过不同的组成部分在我的应用程序。
使用已部署的应用程序，我尝试浏览不同的组件，当我单击浏览器上的刷新或直接访问特定的url路径时，我得到404 Not。
例如，如果访问URL mycompany.domain.com，它将显示home组件。在我的角度路由器中，我有一个指向用户组件的/user路径。
在导航到用户菜单时，我的新URL现在将是mycompany.domain.com/user --而且所有这些都按预期的方式工作。但是，如果我刷新当前页面，它将
浏览 1提问于2021-05-29得票数 1
1回答
我将svelte-spa-router npm模块用于我的svelte项目的路由器。使用此模块时，默认情况下它会在URL中添加"#“，以表示它是spa路由器。比如"localhost:5000/#/app/..“我想去掉这个"#“，使路由器成为整个路由器，比如"localhost:5000/app”，有人能帮我吗？
浏览 30提问于2021-02-19得票数 0
2回答
我有两个Vue实例，一个用于前端，另一个用于管理端。
这样，我就有了两个不同的路由器，它们拥有在两个Vue实例中导航的不同路由。
我想知道，如果我有一个集中式登录，它位于前端应用程序中，一旦通过身份验证，我如何导航到管理员端？我尝试了以下方法：
@click="$router.push('/admin')"
import router from '../router';
export default {
methods: {
navigateToAdmin() {
router.go('/
浏览 3提问于2020-05-20得票数 0
2回答
开发一个使用作为UI前端的Windows桌面应用程序，但我认为这也同样适用于电子和类似的平台。
应用程序将有多个页面，每个页面作为自己的组件实现。在传统的SPA中，这通常是使用Vue路由器实现的，但我假设Vue路由器的主要优点是能够基于URI路由到适当的资源，解析URI查询参数，并启用具有历史记录的前进和后退按钮。
由于这些都不真正适用于我的桌面应用程序，我认为Vue路由器将带来很少的桌子，只是增加更多的样板噪音到代码库。如果我遗漏了什么，并且Vue路由器对于我的用例有很大的好处，请告诉我。
附带注意:我确实计划使用Vuex来允许不同的页面组件在同一组状态数据上工作，而不需要大量繁琐的支柱/事
浏览 8提问于2022-08-17得票数 1
回答已采纳
1回答
是否可以在Next.js中使用默认路由，以便所有路由或路由白名单都会转到特定的页面。
在我的项目中，我的想法是使用Next.js构建营销网站，注册并在过程中注册，然后有一个Next.js页面来引导SPA (可能使用create-react app和react路由器)，这样任何不是Next.js页面的路由都会假设它是SPA中的一个路由，因此它将直接指向将引导SPA的页面。
浏览 20提问于2021-12-11得票数 0
1回答
我正在开发一个使用Vuex和Vue路由器的单页应用程序.
目前，我有一个存储区，由一个大型对象组成，例如，从带有标识符的数据库加载X。我使用Vue路由器在SPA页面之间导航。
偶尔，用户可能希望从数据库加载另一个版本的X。在执行此操作时，我还希望将用户导航到“开始页”。“开始页”和用户当前所在的页面都将通过计算属性显示从存储区获取的大量信息。
据我所见，有两种方法可以解决这一问题，但没有一种是好的：
I将新对象加载到存储区，然后推送路由器。weird. 问题:当我从后端将对象加载到存储区时，所有的活动都开始发生，用户所在的当前页面将读取新信息并执行操作。
我先推路由器，然后更新。问题:这与
浏览 3提问于2019-09-19得票数 0
3回答
反应性SPA中的魔术链路认证
、、、、
对于一个很小的应用程序，满足一个非常小的一组用户，我们正计划实施神奇的链接认证。用户会来到应用程序，输入他们的电子邮件地址，在电子邮件地址上获得一个神奇的链接，在用户单击该链接后，他们将登录到应用程序。
我无法找到足够的资源来找出如何在SPA中做到这一点。以下是一些有用的链接：
带节点的魔术链接
用Auth0实现魔术链接
这就是我所想到的SPA工作流：
用户来到SPA
SPA将用户带到登录页面，在那里他们可以提供他们的电子邮件地址。
SPA将电子邮件地址发送到后端api。
api决定用户是否已注册，并向他们发送一封带有短期jwt的电子邮件。
浏览 5提问于2019-10-11得票数 4
1回答
我正在创建一个web应用程序，其中大部分功能部署为AngularJS单页应用程序，但也有一些静态内容页是以传统方式提供的。
SPA中的导航使用了角度UI路由器，并且似乎工作正常，静态页面的服务也是如此。
但是，代码体系结构是这样的，所有脚本都是从主站点模板中引用的，因此可以与每个页面(包括静态页面)一起使用。这是一个深思熟虑的决定，因为有一些脚本特性需要从任何地方访问，甚至从静态页面中访问。
例如，每个页面的标题区域都包含一个带有“提前输入”的搜索框，该框允许用户导航到SPA中的视图，该视图被填充以反映所选内容。
如果从SPA中调用搜索，一切都按预期工作，路由机制将正确执行所需的状态转换以呈现
浏览 2提问于2015-03-12得票数 1
回答已采纳
2回答
我在做SPA。我想为导航、部分和页脚创建一个单独的组件。当我转到主页或关于页面时，必须为每个页面显示导航和页脚，只应更改部分。我创建了两个组件，但只显示导航组件，而不显示脚注组件。求求你，帮帮我。
<body>
<div class="container">
<navigation></navigation>
<ui-view></ui-view>
<footer></footer>
</div>
这是我的柱塞链接
浏览 0提问于2017-01-30得票数 2
2回答
在SPA中按需调用模板
、、、
在我当前的SPA应用程序中，索引页显示登录表单(默认路由器)，它没有标头和页脚，当考虑到用户日志时，路由器会在登录页面和页眉和页脚显示后(根据应用程序的要求)显示用户。我的index.html看起来就像
<code>
<html>
<header ng-class="{hide:loginPage}">
</header>
<ng-view></ng-view>
<footer ng-class="{hide:loginPage}" &
浏览 7提问于2014-01-19得票数 0
回答已采纳
我正在构建一个在前端使用vuejs，在后端使用express的SPA，但我想知道的是如何将传统的静态网站与页面以及SPA结合在一起。
例如，我想要有一个登录页面，静态页面，如定价，信息，联系等，然后当用户登录时，他们被重定向到/dashboard，从这里它是一个SPA。
这可能是一个非常愚蠢的问题，但老实说，我想不出来--我需要分开托管它们，并且只让vue路由器从/dashboard开始吗？
浏览 14提问于2019-10-26得票数 0
回答已采纳
1回答
自2015年10月这个职位以来，谷歌宣称能够爬上JavaScript。这是否意味着没有服务器呈现的单一页面应用程序会被Google索引？
我在这里创建了一个单独的页面应用程序来测试这个：Github.io/spa-爬行-试验
一个简单的谷歌搜索“网站:soffian.github.io/spa-爬虫-测试”显示，这些页面没有索引。这是因为页面排名很低，还是因为它们加载了JavaScript？
浏览 0提问于2016-06-02得票数 1
我正在尝试使用vuejs构建一个spa，其中我现在有一个用户列表，当我单击一个用户时，它应该路由到一个新的页面，其中包含特定用户的详细信息，如何在路由器-链接中对用户id进行解析。
浏览 2提问于2017-08-17得票数 27
回答已采纳
我在SPA中使用Vue和Vue路由器。在视图组件中，我查询资源的存储库。如果没有找到资源，我想在保留URL的同时显示一个404页面。
也就是说，如果我访问/foo/non-existant-id，那么应该会显示404页面，而不是foo资源的显示页面。
为了清楚起见，下面是我的路由器映射：
router.map({
'/foo/:id': {name: 'foo-show', component: FooShowPage},
// Utilities
'/': { name: 'home', component: Ho
浏览 6提问于2016-07-14得票数 4
2回答
我有一个使用DurandalJS的SPA应用程序，它工作得很好。链接被路由，视图模型被激活等。
问题是，我有一个指向实际存在于服务器上的页面的锚点。我需要浏览器来实际查询这个页面(它是一个asp.net MVC页面)。
看起来Durandal中的路由器连接到所有相关的链接(或者实际上在同一个域中)，如果它没有找到路由，就调用路由器的handleInvalidRoute方法。
我无论如何也想不出如何告诉Durandal不要路由这个URL。我还需要保留中间/ ctrl+click功能。
文档无济于事，谷歌也一无所获。我还尝试查看了路由器/ SammyJs代码，但我没有看到任何明显的东西。
看起来和
浏览 0提问于2013-05-16得票数 3
回答已采纳
我们正在研究将标准身份验证(登录)与我们的Angular SPA集成的最佳方法。我们遇到了两种模式(见下文)，我们想看看哪种架构更好，以便将身份验证集成到我们的Angular网站中。
模式1--将登录与SPA分开(参见)：在此模式中，登录过程在SPA外部完成(单独的页面加载)，一旦用户通过身份验证，他们就被重定向到SPA (另一个页面加载)。
模式2--将登录集成到SPA (请参阅和)：在此模式中，身份验证过程在SPA中，登录状态通过Angular路由器和服务进行管理。
我们倾向于模式2，但是我们希望从SO社区听到你的想法，以及你如何比较这两种模式。
谢谢!
浏览 2提问于2014-04-03得票数 17
我已经使用JQuery创建了一个spa。SPA是通过编写一个自定义路由器来完成的，我们将可见类名添加到页面div以使该页面可见，并使用jquery从所有其他页面中删除相同的类名，
$(".main-content .page").removeClass("visible");
const page = $(`#${pageId}`);
page.addClass("visible");
现在，我正在迁移这个站点，以便在整个网站中到处使用react组件。我在其中一个页面上有一个组件，它根据URL中的id显示产品数据，但问题是，即使我更改URL，它也
浏览 5提问于2021-09-28得票数 0
我正在尝试设置链接，将用户从当前的SPA带到另一个SPA(或下载pdf)。
我试过使用<a>标签，但是每当我导航到我不想再在SPA中的路径时，它都会显示我被困在SPA中的基本布局。
如果我在正确的路径上硬刷新，我会看到另一个SPA，在另一种情况下，我会看到我试图查看的pdf。
锚元素示例：<a href="/requirements" rel="external" target="_blank">
路由器代码：
ReactDOM.render(
<Provider store={store}>
&l
浏览 2提问于2018-04-29得票数 2
我正在构建一个Web站点，它使用ui-路由器-NG2作为组件，具有一个角(2) SPA。我想做这样的事情：
->默认(静态)主页，带有指向SPA的链接
-> SPA
任何其他->静态页面
所以路由"foo.bar“应该有URL "/app/#/foo/bar”。我的服务器(用Go编写)正确地处理路由，但是SPA用相对于根的路径替换地址，而不是"/app“("/#/foo/bar”，而不是"/app/#/foo/bar")。我怎么知道角我想让SPA住在哪里？
浏览 2提问于2016-10-14得票数 2
回答已采纳
1回答
当我想要在路由器中设置的路由设置列表之外导航时，如何避免客户端路由？
我使用Durandal.js创建了一个项目，并在不同的领域创建了SPA。我遇到的问题是，当我想在当前SPA之外导航，或者返回到整个应用程序的主页时，它根本不是SPA，而只是一个cshtml页面。
我试图做的是使用Durandal的mapUnknownRoutes处理程序拦截，然后使用window.location.href导航。这是可行的，但是当我想访问应用程序的主页("/")时，路由器与SPA的“根”匹配，不会导航到主页，而是SPA的根路由。
本例中的区域路由是"/spaHome“，其MVC路由看起
浏览 1提问于2016-11-18得票数 0
回答已采纳
1回答
有没有办法扩展已经运行的应用程序的react-router？我想在点击链接时注入额外的路由，该链接允许我注入脚本或包括我的javascript。
最终，我在寻找两个不同的react应用程序，它们有一个构建和部署周期，但彼此相关。
例如。有一个abc.com，点击一个链接(例如abc.com/nepage)，整个页面就会重新加载相同的内容，比如页眉和页脚，这是由不同的团队维护的，它们都聚集在一起，他们有一个构建和部署周期。
我希望应用程序使用SPA，即使我们有不同的构建和部署流程。
这是在Backbone.Router.extend的帮助下使用Backbone实现的，在点击链接时，新页面的默认路
浏览 1提问于2017-01-17得票数 1
1回答
我正在创建一个使用Vue路由器的单一页面应用程序(SPA)，因此它主要由Vue组件和一个刀片组件组成，该组件使用
<router-view></router-view>
我想知道如何传递在控制器中计算出来的数据，并将其传递给Vue组件。我目前的做法是公开额外的API端点，例如在我的控制器中：
public function countUsers()
{
$userCount = DB::table('users')->count();
return $userCount;
}
然后在api.php中：
Route::
浏览 1提问于2019-05-21得票数 1
回答已采纳
我正在使用react路由器v2.8.1，并尝试为我的SPA设置我的404页面。我很难让它真的发回404。我正在尝试这样做，这样谷歌就不会为我索引该页面。
到目前为止，我已经尝试设置了catch all路由，以获取我的路由器中的任何未知路由-
<Router>
...
<Route
path='*'
status={404}
getComponent={(location, cb) => {
require.ensure([], require => {
浏览 0提问于2017-09-27得票数 0
2回答
我使用的是ASP.NET 5/MVC6，我正在托管一个AngularJS SPA。
我使用的是UI路由器，它工作得很好，但是当我在一个路由上刷新页面时，例如/customer/5，我会得到一个空白页面。我认为这是因为我没有与该路由相关联的路由/控制器。
在这种情况下，理想情况下，我希望MVC能够提供包含所有AngularJS代码的“AngularJS”(默认页面)，然后让UI路由器显示正确的页面。
我该怎么做？下面是我当前Configure函数在Startup.cs中的一个子集
app.UseMvc();
app.UseDefaultFiles();
app.UseStaticFiles()
浏览 3提问于2016-03-14得票数 3
回答已采纳
1回答
与阿多尼斯反应
、、、
我正试图与Adonis Js集成以构建一个SPA。Adonis处理到SPA的路由
Route.any('*', function * (request, response) {
yield response.sendView('home')
})
我正是在app > Http > routes.js中这样做的。
然后，我在资源>视图中创建了一个home.njk，作为我的应用程序的登陆页面。现在，我有了一个react文件，在这里我创建了一个脚注。我想处理所有的链接在页脚与反应路由器。urls路由器处理urls以导航到页面。但是，上面的代码(在A
浏览 5提问于2016-11-16得票数 8
回答已采纳
据我所知，vuex状态使用的最好示例是一个购物车，它可以被不同的组件使用，或者vuex可以存储身份验证设置。
但是，如果我有基于vue路由器页面的SPA呢？我应该在vuex状态下存储页面数据，还是component.data就足够好了？
例如，我有一个包含以下页面的SPA：
/users/
/user/:id
/user/edit/:id
对于/user/:id，我有以下组件结构：
<UserDetailsPage>
<Address :address="user.billingAddress"/>
<UserGroupsList
浏览 0提问于2017-11-29得票数 11
我现在使用Vite (svite)作为我的SPA Svelte应用程序。这个应用程序使用一个哈希路由器，它使用<svelte:component this={...} />从src/ page目录加载页面组件。
但是svite HMR没有检测到路由器从src/ page加载的页面更改。
HMR对于从src/lib目录通过页面导入的组件很好。
如果一个页面依赖于一个存储，并且我更新了这个存储，这个页面也会重新加载。
浏览 0提问于2021-09-16得票数 0
回答已采纳
1回答
我正在构建一个带有两个布局的web应用程序(用于登录页面和仪表板)。它们中的每一个都表示为SPA应用程序，因此每个应用程序都有路由器视图.主要的问题是“如何将它们连接起来并从一个重定向到另一个？”。
我有一个App.vue -检查用户是否被授权.如果是-重定向到Dashboard.vue，则重定向到Login.vue。他们每一个都有自己的路由器视图。
浏览 1提问于2017-11-06得票数 1
回答已采纳
2回答
我已经为我的asp.net项目实现了一个SPA，它工作得很好，但是这个项目是用api运行的，该api的帮助页托管在/help上，但是ui路由器正在接管这个路由；
通过$urlRouterProvider.otherwise('/');，我可以让url工作，但是为了获得它，我必须手动重新加载到页面。
有可能让这件事成功吗？
所以无视路线？
比如说，每次在特定的url中单击链接时都要重新加载页面？
有什么建议吗？
另外，我不能访问那个url中的代码
浏览 0提问于2014-12-01得票数 0
1回答
我有一个SPA，它需要通过一些参数才能启动。客户端使用直接链接(如https://myapp.com/index.html?test=123&test2=12314或https://myapp.com/?test=123&test2=12314 )启动SPA。
SPA有一个带有路径/s/m/12345的角路由器设置，允许客户端打开特定的页面。
我需要能够创建到https://myapp.com/s/m?test=123&test2=12314页面的直接链接，但是，我不知道如何创建一个直接链接。
不起作用。
我该怎么做？
浏览 6提问于2022-08-31得票数 -1
我试图实现的是将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
回答已采纳
在我的vue SPA中，我有这样一个简单的路由器：
{path: '/page/:userId', name: 'user', component: user},
这意味着像这样的url显示组件用户具有关于用户1的内容。
如果在同一页上，我有一些链接
<vue-link :to="{name:'user', params={userId:3}}">
路由器只更新，但是更新内容页(因为它假设页面与我所在的位置相同)
我的用户内容使用数据和手表中的url参数加载数据。
数据
userId: this.$route.p
浏览 0提问于2019-08-27得票数 1
回答已采纳
1回答
理解Jquery实现
、、、、
我正试图用JQuery创建一个SPA网站。我知道如何使用history.pushState和$(window).on('popstate')，但我有几个问题。目前，我有一个router.js文件，它处理popstate事件和导航链接。我将链接放置在自定义attribute(data-navId="templates/page/page.html")或href中，并使用$(e).preventDefault();进行处理。用户单击链接并执行$('.page-content').load('url', function() {})和h
浏览 5提问于2017-10-14得票数 0
是否有可能在不知道顺序的情况下设置具有动态段的路由器？
我正在开发一个SPA，其中两个主要组件是搜索窗格和内容窗格。在“内容”窗格中，可以导航链接，并在“内容”窗格中加载新内容。
还可以在“搜索”窗格中搜索和显示结果列表。单击搜索结果将更新内容窗格。除了这些要求之外，用户还需要能够单击一个命名锚链接并滚动到内容中的特定位置。
原始路由器如下所示：
App.Router.map(function() {
this.route('index', {path: '/'});
this.resource('page', {path: &#
浏览 5提问于2013-09-30得票数 0
我正在建立一个角度SPA与消防基地的整合，使用角火。我的signInWithPopup身份验证工作正常，但是当我添加路由器功能时，弹出窗口中的标志将失败，并发出警告(在火狐中)：
与源“”一起加载失败。
我在这个线程中看到，这可能是/__命名空间的一个问题。
我们如何检测路由器是否正在使用这样的命名空间？
我的应用程序-根HTML：
<app-main-header></app-main-header>
<router-outlet></router-outlet>
我是“充气”我的头和下面是路由器，这是良好的工作。当我尝试用Google
浏览 2提问于2017-10-01得票数 1
回答已采纳
如果它是一个需要登录的应用程序，您会将登录页面作为单独的SPA或服务器端页面来服务，这样所有的应用程序构件(js代码、模板)和API接口都不会在没有用户身份验证的情况下公开吗？
管理部分是否应该是主应用程序的一个单独的SPA，以便管理API接口不会泄露在js代码中，任何用户都可以美化和解决？
如果这两个SPA应用程序(用户和管理)之间有共享代码(小部件/服务/指令)，那么这些应用程序应该在哪里进行管理？一个普通的模块？
以上这些是正当的担忧还是我太偏执了？
浏览 5提问于2016-02-22得票数 1
在我的构建中，我可以通过路由器链接路由到每个组件，但不能通过菜单click() events。
在菜单模板中，我尝试通过以下方法更改路由：
win！.loadURL(“”)，用于ex，但在运行构建时，它只是变为空白(任何URL)。
另外，如果我导入路由器并尝试在主进程中使用router.push()，它最终会出现很多错误，而且也无法工作。
但是，如果我使用电子服务，而不是运行构建，它可以正常工作。虽然它从菜单中重新加载页面，但与路由器链接不同，通过这些链接，它保持在同一个页面上，并简单地更改路由组件。
我需要一个从菜单和路由器链接改变路由视图的构建。
那么，我如何从电子菜单中更改SPA的路径，
浏览 5提问于2020-10-22得票数 1
回答已采纳
1回答
我正在开发一个具有多个水疗中心的mvc4应用程序。
我正在为我的水疗中心使用热毛巾模板。
我想做的是在我的视图中为spa提供一个锚链接，转到另一个控制器的索引操作，这样我的用户就可以退出一个spa并打开另一个spa。并不是所有的动作都会启动spa，有些是常规的mvc样式页面。
我在我的spa html页面中放入了类似如下的代码：
<a href="/controller/action">Navigate to another controller</a>
这将更改浏览器中的url，但始终会重新加载spa的默认html页面。如果我点击浏览器中的刷新按钮，就
浏览 3提问于2013-04-01得票数 3
回答已采纳
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
1回答
我一直在寻找这个问题的答案，但我不能，如果这个问题已经被问到了，很抱歉！
我已经创建了一些小的angular 9应用程序，我正在使用单个spa导入到一个基本的html页面。我的应用程序在本地的不同端口上运行，我的import语句如下所示：
<script type="systemjs-importmap">
{
"imports": {
"footer": "http://localhost:4201/main.js",
"dashboard": "htt
浏览 17提问于2020-05-07得票数 1
我是SPA的新手，但我对开发SPA很感兴趣。web上的所有教程都有两个控制器，它们都包含在主页中。我的问题是什么是按需加载控制器的最佳实践，例如，如果我有5个页面(在SPA世界中称为部分)，每个页面都有不同的逻辑。所以我将有5个控制器，每个页面一个。我不认为在主页中加载所有5个控制器是个好方法，那么如何按需加载angularJS控制器呢？我如何卸载在前面的“页面”中使用的控制器？
如果有人有一个很好的教程，有超过2-3个控制器的角度水疗，我会很高兴链接。
浏览 1提问于2013-10-28得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
