js路由在php上面使用,php – 如何使用laravel / lumen路由进行角度js路由？

您需要区分Laravel应用程序的路由和Angular应用程序的路由.

定义显示角度应用程序的路径

// Http/routes.php

Route::get('/{js_route}', function() {

return view('application');

})->where('js_route', '(.*)'); // Allow multiple URI segments

此路由允许斜杠使用ngRoute进行路由,它应该是routes.php中最后定义的路由.

它将只渲染一个模板,用于显示真正的Angular应用程序.

// views/application.blade.php

使用Angular进行实际的应用程序路由

现在,使用ngRoute定义应用程序的路由并在它们之间导航.

// public/js/src/app.js

$routeProvider

.when('/', {

templateUrl: 'Default/index.html', // A simple HTML template

});

// ...

在Laravel中创建API端点

您将使用XHR从Angular应用程序中的Laravel应用程序中检索数据.

为此,只需在相应的方法中定义新路由(即GET,POST),并创建相应的控制器/操作.

// Http/Controller/FooController.php

class FooController extends \BaseController {

/**

* List all Foo entities in your app

*

* @return Response

*/

public function index()

{

return Response::json(Foo::get());

}

}

// Http/routes.php

Route::get('/api/foo', 'FooController@index')

创建服务/工厂以检索您的数据

// public/js/src/app.js

(function (app) {

function FooService($http, $q) {

this.getFoos = function() {

return $http.get('/api/foo');

};

}

app.service('Foo', FooService);

})(angular.module('yourApp'));

像这样,您可以从laravel路径检索数据,而无需直接浏览路径.

// public / js / src / app.js

function MainCtrl($scope, $http) {

$scope.listFoo = function() {

$http.getFoos()

.then(function(response) {

$scope.foos = response.data;

}, function(error) {

console.log(error);

});

};

}

app.controller('MainController', MainCtrl);

使用您的申请

现在,您只能使用javascript路由在应用程序中导航,并使用Laravel路由从后端检索数据.