Я делаю свое первое приложение Meteor и сталкиваюсь с некоторыми проблемами в навигации с помощью железного маршрутизатора. Каждый раз, я нажимаю кнопку «Signin» из шаблона подписи, он не перенаправляет меня на шаблон домашней страницы. В браузере отображается URL-адрес с вопросительным знаком в нем после нажатия кнопки клика (http://localhost:3000/?). Странно то, что после того, как я нажму кнопку «Назад» в браузере, он приведет меня на домашнюю страницу с URL-адресом: http://localhost:3000/home. Я не могу понять, почему это происходит. Пожалуйста, помогите мне найти то, что я делаю неправильно.Проблема с железным маршрутизатором в приложении метеорита
В router.js файле, я написал:
Router.configure({
layoutTemplate: 'layout',
});
Router.map(function() {
this.route('/home',function()
{
this.render('home');
});
this.route('/',function()
{
this.render('signin');
});
});
Файл макета выглядит следующим образом:
<template name="layout">
<div>
{{>header}}
</div>
<div>
{{>yield}}
</div>
<div>
{{>footer}}
</div>
</template>
файл шаблона для входа в аккаунт выглядит следующим образом:
<template name="signin">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-4 col-md-offset-4">
<div class="account-wall">
<h1 class="text-center login-title">Sign in to continue</h1>
<form class="form-signin">
<input type="text" class="form-control" placeholder="Email" required autofocus>
<input type="password" class="form-control" placeholder="Password" required>
<button class="btn btn-lg btn-primary btn-block" type="submit">
Sign in</button>
<label class="checkbox pull-left">
<input type="checkbox" value="remember-me">
Remember me
</label>
<a href="#" class="pull-right need-help">Need help? </a><span class="clearfix"></span>
</form>
</div>
<a href="#" class="text-center new-account">Create an account </a>
</div>
</div>
</div>
</template>
Домашний шаблон выглядит так:
<template name="home">
<div class="row">
<div class="col-sm-4">
<h3>Column 1</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>
<div class="col-sm-4">
<h3>Column 2</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>
<div class="col-sm-4">
<h3>Column 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>
</div>
</template>
Код для Signin.js файла выглядит следующим образом:
if (Meteor.isClient)
{
console.log("Sign In JS");
Template.signin.helpers({
});
Template.signin.events({
'submit': function(event, template) {
// alert("My button was clicked!");
Router.go('home');
}
});
}