骨干路由不适用于 Laravel

Question

我不知道错误在哪里。

我正在做一个单页应用程序，这是上下文：

1. 我在 Laravel 中有一个资源控制器来监视这条路由“domain.dev/v1/”
2. Laravel 提供第一页/视图“/public/views/layouts/application.blade.php”
3. Mustache 视图存储在“public/views/”下，并在被主干路由器调用时同步加载（我已修改“app/config/view.php”文件以提供来自 bakcbone 的视图）
4. 在骨干网中，路由器控制每个 URI 更改，甚至是 pushstate 和相应的 Mustache 视图。一切似乎都正常，但是如果您键入用户或用户列表的直接 URI……您只会看到服务器返回的 JSON，而不是相应的主干视图，换句话说，我不知道哪个没有做正确的工作，Laravel 路由器或骨干路由器。还是它是 Laravel 配置？

这是我目前的代码：

// app/routes.php

Route::group(['prefix' => 'v1'],function (){

    Route::resource('users','V1\UsersController');

    Route::get('/', function()
    {
      return View::make('layouts.application')->nest('content', 'app');
    });
});


// app/controllers/V1/UsersController.php

namespace V1;

//import classes that are not in this new namespace
use BaseController;
use User;
use View;
use Input;
use Request;

class UsersController extends \BaseController {

    public function index()
    {
        return $users = User::all(['id','email','name']) ;
    }

    public function show($id)
    {
        $user = User::find($id,['id','email','name']);

        if(is_null($user)){
            return array(
                'id' => 0,
                'email' => 'fake email'
                );
        }
        return $user;
    }

// public/js/namespaces.js

(function(){

    window.App = {
        Models : {},
        Collections : {},
        Views : {},
        Router : {}
    };

    window.Templator = function (mustacheView){
        return $.ajax({
            url: '/views/'+mustacheView,
            async : false,
            type: 'GET',
        }).responseText;
    };

    window.Vent = _.extend({},Backbone.Events); 

})();

// public/js/backbone/router.js

App.Router = Backbone.Router.extend({
    routes : {
        '' : 'home',
        'users' : 'showAll',
        'users/:id' : 'showUser',
        'login' : 'showLoginForm'
    },
    home: function (){
        Vent.trigger('home:index');  
    },
    showAll : function (){
        Vent.trigger('users:showAll');  
    },
    showUser: function (id){
        Vent.trigger('users:show',id);  
    },
    showLoginForm : function (){
        Vent.trigger('login:form');  
    }
});


// public/js/app.js
$(function() {

    $(document).on("click", "a", function(e){
        var href = $(this).attr("href");

      if (href != '#')  {
        e.preventDefault();
        Backbone.history.navigate(href,{trigger:true});
      }
    });

    new App.Views.AllUsers;
    new App.Views.Index;
    new App.Views.Login;
    new App.Router;

    Backbone.history.start({ 
        pushState: true, 
        silent: true,
        root: '/v1' 
    });
});

因此，如果我在导航栏上键入此 URI “domain.dev/v1/users”，则会以 JSON 格式显示用户列表，并且不会显示在主干中关联的视图。 有什么建议吗？

Answer 1

看看我刚刚在关于 Angular 的类似问题中给出的答案：Angular and Laravel

在文本中，只需将Angular 替换为Backbone。

如何通过 Laravel 到 Backbone 的路由：

从 Laravel 返回的 '/' 路由的基本视图需要在其 <head> 的某处有类似的东西 before backbone.js 包括：

<script>
    var myRoute = "{{ $route }}";
</script>

此刀片模板创建一个 Javascript 变量。然后，在 Backbone 中声明路由后，添加以下内容：

Backbone.history.start(); // You should already have this line, so just add the next one
App.nav.navigate(myRoute);

这应该可以解决问题。