草庐IT

路由注册

全部标签

javascript - 翻译 vuejs 路由路径

我有一个关于翻译路径路径的好主意,一旦我遇到问题,这听起来不再那么聪明了:)。我希望你们能看到/找到解决方案。这是我的routes.js文件,其中定义了路由exportdefault[{path:'/:lang',component:{template:''},children:[{path:'',name:'Home',component:load('Home')},{path:translatePath('contact'),name:'Contact',component:load('Contact')},{path:translatePath('cookiePolicy'),n

javascript - Angular JS $location.path(...) 不触发路由 Controller

所以我尝试更新表单提交时使用的路径$location.path('/search');但它不会触发注册到'/search'的路由我也尝试过使用尾部斜杠。没什么,我也试过$scope.$apply但我只是得到了$applyalreadyinprogress错误所以肯定有一个范围。为什么这不会调用注册到路由的Controller或加载注册到它的templateUrl。路由器App.config(function($routeProvider,$locationProvider){$locationProvider.html5Mode(true).hashPrefix('!');$route

javascript - Emberjs 应用程序刷新索引以外的路由会出现 404 错误

我有一个小型的ember应用程序,使用Ember-App-Kit(EAK)提供的入门工具包.我已经将生产构建后的dist目录上传到AWSEC2实例。我目前面临的问题::当我点击根url时,我可以看到索引页面,而从索引页面中存在的链接转到任何其他路径时,它工作正常,让我转到该页面。当我尝试点击该页面本身的刷新时,就会出现问题。起初我认为这是由于权限错误,但它只是单个html文件并且js和css正在正确加载。然后认为可能是htaccess问题所以尝试插入一个,但之后也没有效果。应用程序源代码的简化版本位于SourceCode.htaccess文件用于重定向::RewriteEngineOn

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 - EmberJS - 注册预编译的 Handlebars 模板

对于我的EmberJS应用程序,我预编译了我所有的handlebars模板,因此它们作为直接的Javascript文件加载。问题是这些预编译模板没有像我想象的那样进入Ember容器-当我为我的View指定模板时,我收到以下错误。UncaughtError:assertionfailed:YouspecifiedthetemplateName"application"for,butitdidnotexist.这是我的View代码。window.MyApp.ApplicationView=Ember.View.extend({templateName:'application'});我单步

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