Role Login routing not working

[kyoukhana]

When a user logins successfully i get the following returned data.

{"token":"TOKENKEY","roles":"2"}

My Auth Options
Login Data returns both token and roles

var options = {
    token: [{name: 'token', authType: 'bearer', foundIn: 'response'}],
    loginData: {url: 'api/auth', method: 'POST', redirect: 'dashboard'},
    fetchData: {url: 'api/acnt', method: 'GET'},
    rolesVar: 'roles'
};

In My routing i have the following routes

Vue.router.map({
    '/auth/login': {
        component: (resolve) => { require(['./components/views/login.vue'], resolve); }
},

'dashboard': {
    auth: ["1"],
    name:"dashboard",
        component: (resolve) => { require(['./components/views/dashboard.vue'], resolve); }
});

It Doesn't Route to the dashboard. If I remove auth: ["1"] to auth:true. It works. I am getting the following error

TypeError: this.watch.data is undefined
[Learn More]app.js:15062:58
[vue-router] Uncaught error during transition: 

here is a list of vue resources i am using

"@websanova/vue-auth": "^1.4.0-beta",
    "vue": "^1.0.26",
    "vue-hot-reload-api": "^2.0.6",
    "vue-html-loader": "1.2.3",
    "vue-loader": "8.5.4",
    "vue-mdl": "^0.9.4",
    "vue-resource": "^1.0.3",
    "vue-router": "^0.7.13",
    "vue-strap": "^1.0.11",
    "vue-style-loader": "^1.0.0",
    "vuex": "^1.0.0-rc.2",

[websanova]

What version of.vue auth are you using?

On Nov 5, 2016 20:40, "kyoukhana" notifications@github.com wrote:

When a user logins successfully i get the following returned data.

{"token":"TOKENKEY","roles":"2"}

In My routing i have the following routes

Vue.router.map({
'/auth/login': {
component: (resolve) => { require(['./components/views/login.vue'], resolve); }
},

'dashboard': {
auth: ["1"],
name:"dashboard",
component: (resolve) => { require(['./components/views/dashboard.vue'], resolve); }
});

It Doesn't Route to the dashboard. If I remove auth: ["1"] to auth:true.
It works. I am getting the following error

TypeError: this.watch.data is undefined
[Learn More]app.js:15062:58
[vue-router] Uncaught error during transition:

here is a list of vue resources i am using

"vue": "^1.0.26",
"vue-hot-reload-api": "^2.0.6",
"vue-html-loader": "1.2.3",
"vue-loader": "8.5.4",
"vue-mdl": "^0.9.4",
"vue-resource": "^1.0.3",
"vue-router": "^0.7.13",
"vue-strap": "^1.0.11",
"vue-style-loader": "^1.0.0",
"vuex": "^1.0.0-rc.2",

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
#43, or mute the thread
https://github.com/notifications/unsubscribe-auth/ABkcy7MEgLY6rvv_ZEmACS2FWEEduOU2ks5q7IdbgaJpZM4KqQ6n
.

[websanova]

Ah yes, ok, I see, because the plugin expects any data to be return in a
"data" object. So {token: 'tokrn', data: {roles:...}}

On Nov 5, 2016 23:55, "Robert Duchnik" rduchnik@gmail.com wrote:

What version of.vue auth are you using?

On Nov 5, 2016 20:40, "kyoukhana" notifications@github.com wrote:

When a user logins successfully i get the following returned data.

{"token":"TOKENKEY","roles":"2"}

In My routing i have the following routes

Vue.router.map({
'/auth/login': {
component: (resolve) => { require(['./components/views/login.vue'], resolve); }
},

'dashboard': {
auth: ["1"],
name:"dashboard",
component: (resolve) => { require(['./components/views/dashboard.vue'], resolve); }
});

It Doesn't Route to the dashboard. If I remove auth: ["1"] to auth:true.
It works. I am getting the following error

TypeError: this.watch.data is undefined
[Learn More]app.js:15062:58
[vue-router] Uncaught error during transition:

here is a list of vue resources i am using

"vue": "^1.0.26",
"vue-hot-reload-api": "^2.0.6",
"vue-html-loader": "1.2.3",
"vue-loader": "8.5.4",
"vue-mdl": "^0.9.4",
"vue-resource": "^1.0.3",
"vue-router": "^0.7.13",
"vue-strap": "^1.0.11",
"vue-style-loader": "^1.0.0",
"vuex": "^1.0.0-rc.2",

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
#43, or mute the thread
https://github.com/notifications/unsubscribe-auth/ABkcy7MEgLY6rvv_ZEmACS2FWEEduOU2ks5q7IdbgaJpZM4KqQ6n
.

[websanova]

You can override the _userData function to change this behavior, but
generally not a good idea otherwise you would store the token and other
data along with user.

Also good to have convention like status and errors for consistent format.
Just my two cents though.

On Nov 5, 2016 23:57, "Robert Duchnik" rduchnik@gmail.com wrote:

Ah yes, ok, I see, because the plugin expects any data to be return in a
"data" object. So {token: 'tokrn', data: {roles:...}}

On Nov 5, 2016 23:55, "Robert Duchnik" rduchnik@gmail.com wrote:

What version of.vue auth are you using?

On Nov 5, 2016 20:40, "kyoukhana" notifications@github.com wrote:

When a user logins successfully i get the following returned data.

{"token":"TOKENKEY","roles":"2"}

In My routing i have the following routes

Vue.router.map({
'/auth/login': {
component: (resolve) => { require(['./components/views/login.vue'], resolve); }
},

'dashboard': {
auth: ["1"],
name:"dashboard",
component: (resolve) => { require(['./components/views/dashboard.vue'], resolve); }
});

It Doesn't Route to the dashboard. If I remove auth: ["1"] to auth:true.
It works. I am getting the following error

TypeError: this.watch.data is undefined
[Learn More]app.js:15062:58
[vue-router] Uncaught error during transition:

here is a list of vue resources i am using

"vue": "^1.0.26",
"vue-hot-reload-api": "^2.0.6",
"vue-html-loader": "1.2.3",
"vue-loader": "8.5.4",
"vue-mdl": "^0.9.4",
"vue-resource": "^1.0.3",
"vue-router": "^0.7.13",
"vue-strap": "^1.0.11",
"vue-style-loader": "^1.0.0",
"vuex": "^1.0.0-rc.2",

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
#43, or mute the thread
https://github.com/notifications/unsubscribe-auth/ABkcy7MEgLY6rvv_ZEmACS2FWEEduOU2ks5q7IdbgaJpZM4KqQ6n
.

[kyoukhana]

Should it be something like this proper JSON?

{"token":"DSXRREIEI","data":[{"userid":1,"roles":2,"name":"Joe","lastname":"Smith"}]}

I tired with this format but didn't work

[websanova]

why did you put it in an array?

On Sun, Nov 6, 2016 at 7:40 AM, kyoukhana notifications@github.com wrote:

Should it be something like this proper JSON?

{"token":"DSXRREIEI","data":[{"userid":1,"roles":2,"name":"Joe","lastname":"Smith"}]}

I tired with this format but didn't work

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
#43 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/ABkcy1VUlbvq6jYdkco3gCi1wj07G1daks5q7SHxgaJpZM4KqQ6n
.

[kyoukhana]

So I changed it out of a array still doesn't work

{"token":"DASXEERE","data":{"roles":1,"name":"Joe","lastname":"Smith"}}

Here is what the router configuration looks like

Vue.router.map({
    '/auth/login': {
        component: (resolve) => { require(['./components/views/login.vue'], resolve); }
},

'dashboard': {
    auth: [1,3],
    name:"dashboard",
        component: (resolve) => { require(['./components/views/dashboard.vue'], resolve); }
});

Here is the AuthController in Laravel

   public function authenticate(Request $request){
        $credentials=$request->only('email','password');

        try{
            if(! $token = JWTAuth::attempt($credentials)){
                return response()->json(['error'=>'invalid_credentials'], 401);
            }
        } catch(JWTException $e){
            return response()->json(['error'=>'couldnt_not_create_token'], 500);
        }
        $dta= User::where(['email' => $request->get('email')])->select('role_id as roles','name','lastname','email')->get();
        $data=$dta[0];
        return response()->json(compact('token', 'data'));
    }

[websanova]

Note it's also doing an === check and you have an int and a string for the
roke. Maybe sort that out as well first.

On Nov 6, 2016 7:28 PM, "kyoukhana" notifications@github.com wrote:

So I changed it out of a array still doesn't work

{"token":"DASXEERE","data":{"roles":1,"name":"Joe","lastname":"Smith"}}

Here is what the router configuration looks like

Vue.router.map({
'/auth/login': {
component: (resolve) => { require(['./components/views/login.vue'], resolve); }
},

'dashboard': {
auth: [1,3],
name:"dashboard",
component: (resolve) => { require(['./components/views/dashboard.vue'], resolve); }
});

Here is the AuthController in Laravel

public function authenticate(Request $request){
$credentials=$request->only('email','password');

    try{
        if(! $token = JWTAuth::attempt($credentials)){
            return response()->json(['error'=>'invalid_credentials'], 401);
        }
    } catch(JWTException $e){
        return response()->json(['error'=>'couldnt_not_create_token'], 500);
    }
    $dta= User::where(['email' => $request->get('email')])->select('role_id as roles','name','lastname','email')->get();
    $data=$dta[0];
    return response()->json(compact('token', 'data'));
}

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
#43 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/ABkcy9zDTwjEWlH2joHc5xZNSVCVGXPTks5q7cfsgaJpZM4KqQ6n
.

[websanova]

Probably why the true is working since.its doing 1 === true, but 1 === "1"
will fail.

On Nov 6, 2016 10:27 PM, "Rob" rob@websanova.com wrote:

Note it's also doing an === check and you have an int and a string for the
roke. Maybe sort that out as well first.

On Nov 6, 2016 7:28 PM, "kyoukhana" notifications@github.com wrote:

So I changed it out of a array still doesn't work

{"token":"DASXEERE","data":{"roles":1,"name":"Joe","lastname":"Smith"}}

Here is what the router configuration looks like

Vue.router.map({
'/auth/login': {
component: (resolve) => { require(['./components/views/login.vue'], resolve); }
},

'dashboard': {
auth: [1,3],
name:"dashboard",
component: (resolve) => { require(['./components/views/dashboard.vue'], resolve); }
});

Here is the AuthController in Laravel

public function authenticate(Request $request){
$credentials=$request->only('email','password');

    try{
        if(! $token = JWTAuth::attempt($credentials)){
            return response()->json(['error'=>'invalid_credentials'], 401);
        }
    } catch(JWTException $e){
        return response()->json(['error'=>'couldnt_not_create_token'], 500);
    }
    $dta= User::where(['email' => $request->get('email')])->select('role_id as roles','name','lastname','email')->get();
    $data=$dta[0];
    return response()->json(compact('token', 'data'));
}

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
#43 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/ABkcy9zDTwjEWlH2joHc5xZNSVCVGXPTks5q7cfsgaJpZM4KqQ6n
.

[websanova]

Can also try overriding this function in the options and see what data
gives you.

_parseUserData: function(data) {
console.log(data.data);
return data.data;
}

On Nov 6, 2016 10:28 PM, "Rob" rob@websanova.com wrote:

Probably why the true is working since.its doing 1 === true, but 1 === "1"
will fail.

On Nov 6, 2016 10:27 PM, "Rob" rob@websanova.com wrote:

Note it's also doing an === check and you have an int and a string for
the roke. Maybe sort that out as well first.

On Nov 6, 2016 7:28 PM, "kyoukhana" notifications@github.com wrote:

So I changed it out of a array still doesn't work

{"token":"DASXEERE","data":{"roles":1,"name":"Joe","lastname":"Smith"}}

Here is what the router configuration looks like

Vue.router.map({
'/auth/login': {
component: (resolve) => { require(['./components/views/login.vue'], resolve); }
},

'dashboard': {
auth: [1,3],
name:"dashboard",
component: (resolve) => { require(['./components/views/dashboard.vue'], resolve); }
});

Here is the AuthController in Laravel

public function authenticate(Request $request){
$credentials=$request->only('email','password');

    try{
        if(! $token = JWTAuth::attempt($credentials)){
            return response()->json(['error'=>'invalid_credentials'], 401);
        }
    } catch(JWTException $e){
        return response()->json(['error'=>'couldnt_not_create_token'], 500);
    }
    $dta= User::where(['email' => $request->get('email')])->select('role_id as roles','name','lastname','email')->get();
    $data=$dta[0];
    return response()->json(compact('token', 'data'));
}

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
#43 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/ABkcy9zDTwjEWlH2joHc5xZNSVCVGXPTks5q7cfsgaJpZM4KqQ6n
.

[kyoukhana]

Should I put this. In my main application file

_parseUserData: function(data) { console.log(data.data); return data.data; }

[kyoukhana]

I put it in the options like this

/*vue-jwt-auth options */
var options = {
    token: [{name: 'token', authType: 'bearer', foundIn: 'response'}],
    loginData: {url: 'api/auth', method: 'POST', redirect: 'dashboard'},
    fetchData: {url: 'api/acnt', method: 'GET'},
    rolesVar: 'roles',
    _parseUserData: function(data) { console.log(data.data); return data.data; }
};

Nothing wrote to the console.

[websanova]

As a vue auth option

On Nov 6, 2016 10:47 PM, "kyoukhana" notifications@github.com wrote:

Should I put this. In my main application file

_parseUserData: function(data) { console.log(data.data); return data.data; }

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
#43 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/ABkcy_CnKku28YE-eb8OkLbKlf7auwgZks5q7fZ1gaJpZM4KqQ6n
.

[websanova]

Ya what's the output there in the console?

On Nov 6, 2016 11:05 PM, "Rob" rob@websanova.com wrote:

As a vue auth option

On Nov 6, 2016 10:47 PM, "kyoukhana" notifications@github.com wrote:

Should I put this. In my main application file

_parseUserData: function(data) { console.log(data.data); return data.data; }

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
#43 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/ABkcy_CnKku28YE-eb8OkLbKlf7auwgZks5q7fZ1gaJpZM4KqQ6n
.

[websanova]

What version of the vue-auth plugin you are using?

On Nov 6, 2016 11:06 PM, "Rob" rob@websanova.com wrote:

Ya what's the output there in the console?

On Nov 6, 2016 11:05 PM, "Rob" rob@websanova.com wrote:

As a vue auth option

On Nov 6, 2016 10:47 PM, "kyoukhana" notifications@github.com wrote:

Should I put this. In my main application file

_parseUserData: function(data) { console.log(data.data); return data.data; }

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
#43 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/ABkcy_CnKku28YE-eb8OkLbKlf7auwgZks5q7fZ1gaJpZM4KqQ6n
.

[kyoukhana]

I am using @websanova/vue-auth": "^1.4.0-beta". Nothing outputted in the console.