Laravel和AngularJs SPA訪問直接URL時出錯

這可能是一個愚蠢的問題，因爲我是Laravel的新手。我正在使用angular和laravel來製作單頁應用程序。我試圖從「todos」表中獲取所有記錄，並將它們顯示在todo.html上點擊「查看所有待辦事項」按鈕。「查看所有Todos」轉到「localhost：8000/tasks」URL。當我點擊那個按鈕時，我得到了所有的待辦事項沒有問題。但是當我嘗試直接在瀏覽器上訪問該URL時，我從laravel Todocontroller獲得了json數組。Laravel和AngularJs SPA訪問直接URL時出錯

這裏是我的路線/ web.php

Route::resource('/todo', 'TodoController');

Laravel TodoController控制器

public function index() 
{ 
    return Todo::all(); 
}

這裏是我的角碼

myApp.config(['$routeProvider', '$locationProvider', 

function ($routeProvider, $locationProvider) { 
    $locationProvider.hashPrefix(''); 

    $routeProvider.when('/', { 
     templateUrl: 'views/home.html', 
    }); 
    $routeProvider.when('/todo', { 
     templateUrl: 'views/todo.html', 
     controller: 'todoController' 
    }); 
    $locationProvider.html5Mode(true); 

}]); 

myApp.controller('taskController', function($scope, $http) { 
$http({ 
    method: 'get', 
    url: 'todo' 
}).then(function (response) { 
    $scope.about = response.data 
},function (error){ 
    console.log(error, 'can not get data.'); 
}); 
});

來源

2017-12-27 Aamish

你知道你還可以返回雄辯集合從你的路線或控制器？他們將自動轉換爲JSON。試一試！

https://laravel.com/docs/5.5/responses

如果你想返回HTML，在你的控制器

public function index() 
{ 
    return view('todos')->with('todos',Todo::all()); 

}

https://laravel.com/docs/5.5/views

來源

2017-12-27 13:02:08

感謝您的回覆。但目的不是返回json數組。我想顯示和HTML頁面包含所有待辦事項而不是JSON數組的HTML表格 – Aamish

所以你必須使用一個視圖https://laravel.com/docs/5.5/views –

您從您的角度控制器，以及你的Laravel控制器針對同一網址中使用的視圖。您應該使用Laravel作爲API或服務，而您允許角度做路由。檢查這個更多的信息。 Laravel API routes

來源

2017-12-27 13:11:48

你的意思是我必須提到所有的API路線。 PHP的？ – Aamish

我的意思是你的laravel路線，你可以有一個前綴可以說_api_所以你的laravel路線有_yourdomain.com/api/task_和角度控制器可以有_yourdomain.com/task_。那樣，你有更清晰的。 –

是的，我明白了。謝謝。但是，如果我直接在瀏覽器中訪問yourdomain.com/api/task，那麼我仍然會得到json響應。有沒有辦法直接從角度路線訪問laravel控制器？ – Aamish

Laravel和AngularJs SPA訪問直接URL時出錯

回答

相關問題