1

AngularJs アプリを API コンシューマーとして使用して、Laravel 5 Web アプリケーション用の API を構築しています。

AngularJS から呼び出しが行われたときに API から返される応答を除いて、すべてが完全に機能します。

Satellizerも使用するAngularJsアプリにあるものは次のとおりです

var app = angular
    .module('app', [
        'ngResource',
        'ui.bootstrap',
        'dialogs.main',
        'ui.router',
        'satellizer',
        'ui.router.stateHelper',
        'templates'
    ]);


app.config(['$httpProvider', '$locationProvider', '$stateProvider', '$urlRouterProvider', 'modalStateProvider', '$authProvider',
    function($httpProvider, $locationProvider, $stateProvider, $urlRouterProvider, modalStateProvider, $authProvider)
    {

        var modalInstance,
            modalExit = function() {
                if (modalInstance) {
                    //alert('modalInstance exit');
                    modalInstance.close();
                }
            };

        // Satellizer configuration that specifies which API
        // route the JWT should be retrieved from
        $authProvider.loginUrl = '/api/authenticate';

        $httpProvider.defaults.headers.common["X-Requested-With"] = 'XMLHttpRequest';


 $stateProvider
            .state('profile',{
                url: '/profile',
                views: {
                    'contentFullRow': {
                        templateUrl: 'ng/templates/profile/partials/profile-heading-one.html',
                        controller: function($scope, profile){
                            $scope.profile  = profile;
                        }
                    },
                    'contentLeft': {
                        templateUrl: 'ng/templates/profile/partials/profile-body-one.html',
                        controller: function($scope, profile){
                            $scope.profile = profile;
                        }
                    },
                    'sidebarRight': {
                        templateUrl: 'ng/templates/profile/partials/todo-list-one.html',
                        controller: function($scope, profile){
                            $scope.profile = profile;
                        }
                    }
                },
                resolve: {
                    profile: function($http){
                        return $http.get('/api/profile').then(function(data){
                            //This is the issue, I am doing this because of the response returned
                            return data.data.profile;
                        });


                    }
                }
            });


        if(window.history && window.history.pushState){
            $locationProvider.html5Mode({
                enabled: true,
                requireBase: false
            });
        };

    }]);

私のLaravelコントローラーで

<?php namespace App\Http\Controllers\Profile;

use App\Http\Controllers\Controller;
use App\Models\Profile;

class ProfileController extends Controller
{
     public function __construct()
     {
         $this->middleware('api.auth');
     }

    public function getIndex(){

        $user = $this->auth->user();

        return Profile::find($user->id);
    }
}

Laravel からの応答 ここに画像の説明を入力

私が抱えている課題は、上記の応答にあります。

Angular Ui Routerのメソッドでわかるようにresolve、返された JSON からプロファイル オブジェクトを取得するには、次のようにする必要がありました。

return $http.get('/api/profile').then(function(data){
   return data.data.profile;
});

configAPI を作成して、プロファイル オブジェクトのみを返し、headerその他のオブジェクトを一緒に送信するにはどうすればよいですか? それらは本当に必要ですか？私は単にこれをしたい：

return $http.get('/api/profile').then(function(data){
   return data; //which contains only profile object
});

編集済み： 私の質問は次のとおりだと思います。これは Dingo Api からの正しい JSON 応答形式ですか?

{
  "config",
  "data": {
    "id": 1001,
    "name": "Wing"
  },
  "headers",
  "status",
  "statusText"
}
4

1 に答える 1

0

Eloquent オブジェクトではなく、コントローラーからの応答を返そうとしましたか:

http://laravel.com/docs/master/responses。

そこで必要なものを正確に指定できます（プロファイルなど）。

于 2015-10-27T08:17:36.953 に答える