Маршрутизация между Angular и Amp; Laravel

Я пытаюсь сделать простое приложение на Angular, интеграцию с Laravel 5 и столкнуться с проблемами при маршрутизации представлений приложения.

Routes.php выглядит как ниже:

<?php

Route::get('/', function () {
return view('index');
});

в Routes.php я обрабатываю только первый раз, когда приложение загружается.

Но после этого я хочу обработать всю маршрутизацию по Angular. Итак, я сделал это так:

app.js файл

var membershipModule = angular.module('membershipModule', ['ngMaterial','ngRoute']);

membershipModule.config(function($routeProvider, $locationProvider, $mdThemingProvider){

$mdThemingProvider.theme('default').primaryPalette().accentPalette('blue-grey');

$routeProvider
.when('/login', {
controller: 'LoginController',
templateUrl: 'views/login.html'
})
.when('/register', {
controller: 'RegisterController',
templateUrl: 'views/register.html'
})
.otherwise({redirectTo: "/"});
$locationProvider.hashPrefix('');
});

Но когда я получаю доступ http://localhost:8000/#/login то выдает ошибку, views/login.html не найден.

  • Я пытался сделать login.html в папке по умолчанию Laravel, как показано ниже

введите описание изображения здесь

  • Также пробовал делать views/login.html в корневом каталоге, как показано ниже

введите описание изображения здесь

но ничего из этого не работает

1

Решение

Вы можете поместить эти файлы в публичный каталог. Как вы можете видеть в https://laravel.com/docs/5.3/structure#the-public-directory

2

Другие решения

Других решений пока нет …