Middleware using cookie nuxt
0
I just setup middleware by checking cookie in nuxt but it's give me blank error, nothing error in console
this is my middleware authenticate.js
export default function({ store, redirect }) {
const Cookie = process.client ? require('js-cookie') : undefined
// If the user is not authenticated
let token = Cookie.get('token')
const userIsLoggedIn = token != null //cookie ada
const userNeedLogin = token == null //cookie gak ada
if (userNeedLogin) {
return redirect('/login')
}
if (userIsLoggedIn) {
return redirect('/dashboard')
}
}
and this is my nuxt.config.js
router: {
middleware: 'authenticate'
}
it should redirect to page login when cookies is null but if cookie exist it redirect goes to dashboard, do i miss something ?
vue.js routes middleware nuxt.js
asked Nov 13 '18 at 7:51
Freddy SidaurukFreddy Sidauruk
117215
add a comment |
0
I just setup middleware by checking cookie in nuxt but it's give me blank error, nothing error in console
this is my middleware authenticate.js
export default function({ store, redirect }) {
const Cookie = process.client ? require('js-cookie') : undefined
// If the user is not authenticated
let token = Cookie.get('token')
const userIsLoggedIn = token != null //cookie ada
const userNeedLogin = token == null //cookie gak ada
if (userNeedLogin) {
return redirect('/login')
}
if (userIsLoggedIn) {
return redirect('/dashboard')
}
}
and this is my nuxt.config.js
router: {
middleware: 'authenticate'
}
it should redirect to page login when cookies is null but if cookie exist it redirect goes to dashboard, do i miss something ?
vue.js routes middleware nuxt.js
asked Nov 13 '18 at 7:51
Freddy SidaurukFreddy Sidauruk
117215
Your image suggests nuxt is looking for 'authenticated' rather than 'authenticate'. Also I use 'cookie' rather than 'js-cookie' for getting my cookies (js-cookie to set them) so maybe you could try that. And I call my get_cookies (as I call it) function in nuxtServerInit then just use middleware for validating. Can post code in an answer if you think it will help.
– Andrew1325
Nov 13 '18 at 8:27
where came from authenticated, you can see i call the same name or should i renamed it ? i just renamed it in nuxt.config.js and name file it and came new error Cannot read property 'get' of undefined
– Freddy Sidauruk
Nov 13 '18 at 8:30
I know, just what the image in your question shows. I would have thought the file name and in nuxt.config.js are the only places it's referenced and they both seem fine. Might be a worth trying re-naming, just 'auth' perhaps.
– Andrew1325
Nov 13 '18 at 8:34
@Andrew1325 by the way i use nuxtjs.org/examples/auth-external-jwt, going to use cookie ans see whats an error
– Freddy Sidauruk
Nov 13 '18 at 8:37
add a comment |
0
0
0
I just setup middleware by checking cookie in nuxt but it's give me blank error, nothing error in console
this is my middleware authenticate.js
export default function({ store, redirect }) {
const Cookie = process.client ? require('js-cookie') : undefined
// If the user is not authenticated
let token = Cookie.get('token')
const userIsLoggedIn = token != null //cookie ada
const userNeedLogin = token == null //cookie gak ada
if (userNeedLogin) {
return redirect('/login')
}
if (userIsLoggedIn) {
return redirect('/dashboard')
}
}
and this is my nuxt.config.js
router: {
middleware: 'authenticate'
}
it should redirect to page login when cookies is null but if cookie exist it redirect goes to dashboard, do i miss something ?
vue.js routes middleware nuxt.js
asked Nov 13 '18 at 7:51
Freddy SidaurukFreddy Sidauruk
117215
I just setup middleware by checking cookie in nuxt but it's give me blank error, nothing error in console
this is my middleware authenticate.js
export default function({ store, redirect }) {
const Cookie = process.client ? require('js-cookie') : undefined
// If the user is not authenticated
let token = Cookie.get('token')
const userIsLoggedIn = token != null //cookie ada
const userNeedLogin = token == null //cookie gak ada
if (userNeedLogin) {
return redirect('/login')
}
if (userIsLoggedIn) {
return redirect('/dashboard')
}
}
and this is my nuxt.config.js
router: {
middleware: 'authenticate'
}
it should redirect to page login when cookies is null but if cookie exist it redirect goes to dashboard, do i miss something ?
vue.js routes middleware nuxt.js
vue.js routes middleware nuxt.js
asked Nov 13 '18 at 7:51
Freddy SidaurukFreddy Sidauruk
117215
asked Nov 13 '18 at 7:51
Freddy SidaurukFreddy Sidauruk
117215
asked Nov 13 '18 at 7:51
Freddy SidaurukFreddy Sidauruk
117215
asked Nov 13 '18 at 7:51
Freddy SidaurukFreddy Sidauruk
117215
asked Nov 13 '18 at 7:51
Freddy SidaurukFreddy Sidauruk
117215
117215
Your image suggests nuxt is looking for 'authenticated' rather than 'authenticate'. Also I use 'cookie' rather than 'js-cookie' for getting my cookies (js-cookie to set them) so maybe you could try that. And I call my get_cookies (as I call it) function in nuxtServerInit then just use middleware for validating. Can post code in an answer if you think it will help.
– Andrew1325
Nov 13 '18 at 8:27
where came from authenticated, you can see i call the same name or should i renamed it ? i just renamed it in nuxt.config.js and name file it and came new error Cannot read property 'get' of undefined
– Freddy Sidauruk
Nov 13 '18 at 8:30
I know, just what the image in your question shows. I would have thought the file name and in nuxt.config.js are the only places it's referenced and they both seem fine. Might be a worth trying re-naming, just 'auth' perhaps.
– Andrew1325
Nov 13 '18 at 8:34
@Andrew1325 by the way i use nuxtjs.org/examples/auth-external-jwt, going to use cookie ans see whats an error
– Freddy Sidauruk
Nov 13 '18 at 8:37
add a comment |
Your image suggests nuxt is looking for 'authenticated' rather than 'authenticate'. Also I use 'cookie' rather than 'js-cookie' for getting my cookies (js-cookie to set them) so maybe you could try that. And I call my get_cookies (as I call it) function in nuxtServerInit then just use middleware for validating. Can post code in an answer if you think it will help.
– Andrew1325
Nov 13 '18 at 8:27
where came from authenticated, you can see i call the same name or should i renamed it ? i just renamed it in nuxt.config.js and name file it and came new error Cannot read property 'get' of undefined
– Freddy Sidauruk
Nov 13 '18 at 8:30
I know, just what the image in your question shows. I would have thought the file name and in nuxt.config.js are the only places it's referenced and they both seem fine. Might be a worth trying re-naming, just 'auth' perhaps.
– Andrew1325
Nov 13 '18 at 8:34
@Andrew1325 by the way i use nuxtjs.org/examples/auth-external-jwt, going to use cookie ans see whats an error
– Freddy Sidauruk
Nov 13 '18 at 8:37
Your image suggests nuxt is looking for 'authenticated' rather than 'authenticate'. Also I use 'cookie' rather than 'js-cookie' for getting my cookies (js-cookie to set them) so maybe you could try that. And I call my get_cookies (as I call it) function in nuxtServerInit then just use middleware for validating. Can post code in an answer if you think it will help.
– Andrew1325
Nov 13 '18 at 8:27
Your image suggests nuxt is looking for 'authenticated' rather than 'authenticate'. Also I use 'cookie' rather than 'js-cookie' for getting my cookies (js-cookie to set them) so maybe you could try that. And I call my get_cookies (as I call it) function in nuxtServerInit then just use middleware for validating. Can post code in an answer if you think it will help.
– Andrew1325
Nov 13 '18 at 8:27
where came from authenticated, you can see i call the same name or should i renamed it ? i just renamed it in nuxt.config.js and name file it and came new error Cannot read property 'get' of undefined
– Freddy Sidauruk
Nov 13 '18 at 8:30
where came from authenticated, you can see i call the same name or should i renamed it ? i just renamed it in nuxt.config.js and name file it and came new error Cannot read property 'get' of undefined
– Freddy Sidauruk
Nov 13 '18 at 8:30
I know, just what the image in your question shows. I would have thought the file name and in nuxt.config.js are the only places it's referenced and they both seem fine. Might be a worth trying re-naming, just 'auth' perhaps.
– Andrew1325
Nov 13 '18 at 8:34
I know, just what the image in your question shows. I would have thought the file name and in nuxt.config.js are the only places it's referenced and they both seem fine. Might be a worth trying re-naming, just 'auth' perhaps.
– Andrew1325
Nov 13 '18 at 8:34
@Andrew1325 by the way i use nuxtjs.org/examples/auth-external-jwt, going to use cookie ans see whats an error
– Freddy Sidauruk
Nov 13 '18 at 8:37
@Andrew1325 by the way i use nuxtjs.org/examples/auth-external-jwt, going to use cookie ans see whats an error
– Freddy Sidauruk
Nov 13 '18 at 8:37
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53276207%2fmiddleware-using-cookie-nuxt%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53276207%2fmiddleware-using-cookie-nuxt%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Your image suggests nuxt is looking for 'authenticated' rather than 'authenticate'. Also I use 'cookie' rather than 'js-cookie' for getting my cookies (js-cookie to set them) so maybe you could try that. And I call my get_cookies (as I call it) function in nuxtServerInit then just use middleware for validating. Can post code in an answer if you think it will help.
– Andrew1325
Nov 13 '18 at 8:27
where came from authenticated, you can see i call the same name or should i renamed it ? i just renamed it in nuxt.config.js and name file it and came new error Cannot read property 'get' of undefined
– Freddy Sidauruk
Nov 13 '18 at 8:30
I know, just what the image in your question shows. I would have thought the file name and in nuxt.config.js are the only places it's referenced and they both seem fine. Might be a worth trying re-naming, just 'auth' perhaps.
– Andrew1325
Nov 13 '18 at 8:34
@Andrew1325 by the way i use nuxtjs.org/examples/auth-external-jwt, going to use cookie ans see whats an error
– Freddy Sidauruk
Nov 13 '18 at 8:37