草庐IT

前端路由

全部标签

javascript - 使用 React v0.14.3 的 React 路由器

我正在使用React和Material-UI创建一个应用程序,我也包含了React-router。但是当我运行我的应用程序时,出现以下错误(UncaughtTypeError:(0,_reactDom.ReactDOM)isnotafunction)。我正在使用Reactv0.14.3和React-Routerv1.0.2BodyComponent我已经写在不同的文件中并将其导入到我的main.js我试过ReactDOM.render但我得到以下错误未捕获错误:不变违规:元素类型无效:应为字符串(对于内置组件)或类/函数(对于复合组件)但得到:对象。我已经为此创建了fiddle:htt

javascript - 在新路由器上使用订阅功能时出现 Angular 2 typescript 错误 (rc 1)

我正在尝试使用新路由器为我的Angular2应用程序设置身份验证。有人建议尝试以下操作:constructor(private_router:Router){}ngOnInit(){this._router.subscribe(next=>{if(!userIsLoggedInOrWhatever){this._router.navigate(['Login']);}})}然而,这个问题是这会导致typescript错误(app.component.ts(47,22):errorTS2339:Property'subscribe'doesnotexistontype'Router'.这

javascript - 来自服务器数据的 Vue2 路由器链接

我有一个Vue2SPA页面,它正在从服务器加载内容。客户可以在CMS中对其进行编辑。当用户添加相对链接(比如说/about-us)时,Vue应该选择它并将其视为菜单链接(已经有/about-us链接)。但是在内容中添加的/about-us链接会重新加载整个页面,因此它不会被选为vue路由。如何将路由器附加到此类链接?到目前为止,我所做的是更改后端响应中的内容。所以我本质上是在改变Text进入Text使用:functionparseVueLinks($value){$pattern="/]*)href=\\\"[^http|https|mailto|tel]([^\\\"]*)\"([^

javascript - 将值传递给 Express 路由的 Node js 模块

我想将Express的环境传递给Express的路由模块。我想确定Express是在开发模式还是生产模式下运行。为此,我猜我需要以某种方式将app.settings.env传递给路由模块。我的路由模块为每条路由导出一个函数。所以:app.get('/search',web.search);根据之前的stackoverflow帖子,我试过这个:varweb=require('./web')({'mode':app.settings.env});但是Node抛出类型错误(对象不是函数)。我是Node和Express的新手。我可以将值传递给快速路由吗?如果可以,如何传递?

javascript - 如果将前端代码分组有助于减少请求,为什么不将更多网站写在一个 html 文档上?

我想我想问的是,如果将JavaScript分组被认为是一种好的做法,为什么没有更多的网站将JavaScript和CSS直接放入一个HTML文档中? 最佳答案 whydon'tmorewebsitesplacetheJavaScriptandCSSdirectlyintooneHTMLdocument单个文件缓存。外部文件具有被缓存的优势。由于脚本和样式很少更改(静态)和/或在页面之间共享,因此最好将它们与页面分开,使页面更轻便。与其下载500kb的嵌入JS和CSS的页面数据,为什么不加载5kb的页面,并从缓存中加载495kb的JS和

javascript - 如何在路由器文件中获取应用程序(在 Node/Express 应用程序中)

我的app.js看起来像这样:app=express();setup.configure(app);//...morestuff(e.g.databasesetup,middlewaredefinition,etc.)...varapi=require('./routes/api');app.use('/api',api);module.exports=app;在routes/api.js中,我有这样的带有中间件的路由:router.get('/myroute',app.sessionMW,function(req,res,next){//...});JSLint标记错误,因为我将ap

javascript - $routeProvider/$locationProvider 不是 AngularJS 路由中的函数

我正在尝试在AngularJS中创建所谓的“SEO友好”URL。在我用于路由的script.js中:app.config(['$routeProvider',function($routeProvider){$routeProvider.html5Mode(true);when('/blog',{templateUrl:'blog.html',controller:'BlogController'}).when('/page/ideas',{templateUrl:'ideas.html',controller:'IdeasController'}).otherwise({templa

javascript - 在 vue 路由中匹配查询参数

有什么方法可以通过查询参数进行路由吗?我想匹配以下路由:site.com/?foo=123。我试过类似的东西{path:'/\?foo=[\d]*'}没有成功。 最佳答案 不幸的是,您无法匹配路由定义的path字符串中的查询参数。VueRouter使用path-to-regexp和itsdocumentation说:TheRegExpreturnedbypath-to-regexpisintendedforusewithpathnamesorhostnames.Itcannothandlethequerystringsorfragm

javascript - 如何在node.js ejs模板中将变量从后端传递到前端

我这样渲染我的页面:response.render('index',{data:list//the`list`isanarrayvariable});在首页,我想将数据存储为globe变量,所以我尝试了:window.app=但结果是:window.app=[objectObject],[objectObject],[objectObject]那么我怎样才能以正确的方式做到这一点呢? 最佳答案 您可以将数据字符串化为JSON,它是javascript的子集,并将被解析为准确的数据结构。也可以使用以确保您的javascript不会被转

javascript - 在页面转换完成时暂停 Meteor 的 Iron Router 中的路由

在我的Meteor应用程序中,我有一些复杂的页面动画需要几秒钟才能完成(指导性动画优先于页面转换速度)。动画中有一个out状态和一个in状态。为简单起见,假设我需要淡出一页,然后淡入下一页,但我希望这些淡出需要多秒钟。为此,我使用Meteor的IronRouter来调用一些操纵CSS的动画函数。lib/router.jsanimateContentOut=function(pause){return$('#content').removeClass("animatedfadeIn");}Router.onAfterAction(animateContentOut);animateCon