草庐IT

前端路由

全部标签

javascript - 使用 angular-ui-router 处理没有 hashbang 的路由

我在网上搜索了很多答案,但还没有找到任何答案。现在我的文件中有这段代码,我认为它可以处理除我指定的之外的所有路线/状态:$urlRouterProvider.otherwise('/');然而,此功能仅适用于像localhost:1337/#/stuff这样的路径,但如果我输入localhost:1337/stuff,我会得到一个丑陋的内部服务器错误。理想情况下,我希望localhost:1337/stuff或任何其他没有hashbang的URL重定向到localhost:1337/#/(我的应用程序的主页)。我有什么想法可以实现吗? 最佳答案

javascript - 使用 AngularJS 路由器加载 404 状态

我正在使用AngularJS和ui-router并使用以下代码捕获404并在404模板中加载:$urlRouterProvider.otherwise(function($injector,$location){$injector.invoke(['$state',function($state){$state.go('404');}]);});它保持URL不变而不是重定向,但显示404模板:.state('404',{views:{'body':{templateUrl:'partials/404.html',}}});通常它会重定向到根状态:$urlRouterProvider.o

javascript - 如何在 Vue.js - Nuxt - TypeScript 应用程序中访问路由参数?

我正在构建一个基于NuxtTypeScriptStarter的网站模板。我在我的页面文件夹中创建了一个动态路由的页面_id.vue,我想在我的TS类中访问该id属性。我可以通过编写{{$route.params.id}}在我的模板中访问它,但是当我尝试在类中引用$route时,我得到一个错误:errorTS2304:Cannotfindname'$route'. 最佳答案 作为一个简单的解决方案,尝试从vue-router导入路由,如下所示:importComponentfrom"vue-class-component"import

javascript - Angular 5 在路由器中使用 Angular cli 非延迟加载模块

构建一个angular5应用程序。该应用需要一些备用布局。我的方法是在主应用模块路由文件中处理高级路由。所述文件将路由映射到模块。这些模块将为非必要的速度驱动页面延迟加载,而不为速度关键页面延迟加载:app-layout-router.module.ts文件:import{NgModule}from'@angular/core';import{PreloadAllModules,RouterModule,Routes}from'@angular/router';import{PublicLayoutModule}from'@modules/layouts/public/public-l

javascript - React router 嵌套路由 - 如何在没有路由匹配时重定向

我正在构建一个包含三个主要部分的网络应用程序:实际网站、管理部分和用户部分。对于每个部分,我想要一个不同的布局包装器。这是我现在的代码:网站包装器constWebsite=()=>();用户包装器constUser=()=>();管理包装器constAdmin=()=>();路由器constRouter=()=>();一切正常,但如果url不匹配任何路由,则它不会重定向到'/'。我怎样才能做到这一点? 最佳答案 您可以制作一个可重复使用的组件NoMatch并将其包含在Switch的底部。例如:确保将其放在最后因此,如果没有匹配到其他

javascript - 父 View 上的 Angular UI 路由器动画

我有一个嵌套状态,如:.state('contacts',{url:'/contacts',views:{'':{templateURL:'views/contacts.html',contacts:'ContactsCtrl'}}}).state('contacts.view',{url:'/contacts/:name',views:{'':{templateURL:'views/contacts-details.html'}}});联系人.htmlThisisalistofcontacts(...)联系人-view.html{{contact.name}}我能够为contacts

javascript - 如何使用 Passport 保护路由端点?

我正在尝试使用此处的教程将用户身份验证构建到我的简单Node.js应用程序中:http://code.tutsplus.com/tutorials/authenticating-nodejs-applications-with-passport--cms-21619它在保护应用程序主页方面非常有效,因此它只能在登录后才能访问,但我很难将我的REST端点限制为仅登录用户。与使用Postman一样,我仍然可以在没有任何身份验证的情况下调用端点。在我的route,我有以下内容:varexpress=require('express');varrouter=express.Router();/

javascript - 从 EmberJS 中的路由观察服务的属性

我想我没有理解这里的概念。据我所知,任何Ember.object都可以观察另一个Ember.object的属性。所以,我有一个服务、一个路由器和一个组件。我需要组件和路由器能够观察服务的属性。完全有可能我只是以错误的方式构建解决方案,我将在最后概述我正在尝试做的事情。这大概是我所拥有的:/services/thing-manager.jsexportdefaultEmber.Service.extend({observedProperty:'originalvalue'});/components/thing-shower.jsexportdefaultEmber.Component.

javascript - 如何在 ReactJS 中跳过某些路由的页眉和页脚?

我有以下代码,它为所有页面呈现一个带有页眉和页脚的应用。app.jsimportReactfrom'react';import{Route,Switch}from'react-router-dom';import{ConnectedRouter}from'connected-react-router'importLayoutfrom'./components/Layout'importHomefrom'./homeComponent';importLoginfrom'./loginComponent';importDashboardfrom'./dashboardComponent';

javascript - Backbone 路由器不触发路由

我有以下路由器:appRouter=Backbone.Router.extend({routes:{'':'inbox','inbox':'inbox','discussions_engagement':'contacts',},inbox:function(page){console.log('inbox');varpage=page||1;engage.app.hydrateInbox(page,engage.app.showInbox);},....};当我在http://[...]/#inbox上打电话时appRouter.navigate('inbox',{trigger:t