Angular 和 Laravel 之间的路由答案

【问题标题】：Routing between Angular & LaravelAngular 和 Laravel 之间的路由
【发布时间】：2017-05-19 23:05:39
【问题描述】：

我正在尝试在 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 未找到的错误。

我尝试在 Laravel 默认文件夹中创建login.html，如下图所示

还尝试在根目录中创建views/login.html，如下所示

但都不起作用

【问题讨论】：

一个问题：当你希望使用静态 HTML 模板时，为什么要使用 PHP 框架？而resources/views 不是 Laravel 默认的前端目录。那将是public。
@Gags，很难管理，比你在 laravel 中制作 api 并在单独的角度开发前端更难
@DainisAbols 我没有使用静态 html。这只是为了尝试一下。
@Irfan API 我可以创建。但是路由是出错的主要问题。如果我无法从角度控制 laravel 的路由，那么如果使用角度，我看不到任何用处。

标签： php angularjs laravel-routing angular-routing

【解决方案1】：

您可以将这些文件放在公共目录中。正如您在https://laravel.com/docs/5.3/structure#the-public-directory中看到的那样

【讨论】：

我可以在角度控制菜单但从 laravel 获得它吗？
你想从 Laravel 获取你的 html 静态文件，对吗？因此，您可以在公共目录中创建一个“views”文件夹并将您的 html 文件放入其中。