Laravel 5.7 with Tymon JWTAuth and Angular 7 get always “invalid_credentials”
I'm using Laravel 5.7 with TymonJWTAuth 1.0.0-rc3 in backend and Angular 7 on frontend. I use this PHP code:
public function login(Request $request)
{
$credentials = $request->only('email', 'password');
try {
// attempt to verify the credentials and create a token for the user
if (! $token = JWTAuth::attempt($credentials)) {
return response()->json(['error' => 'invalid_credentials'], 401);
}
} catch (JWTException $e) {
// something went wrong whilst attempting to encode the token
return response()->json(['error' => 'could_not_create_token'], 500);
}
// all good so return the token
return response()->json(compact('token'));
}
This code is from original documentation of Tymon's JWTAuth documentation as example code.
I was created an instance in Postman to test this code with these options:
Headers:
Content-Type: application/json
Body:
{
"email": "admin@admin.test",
"password": "admin"
}
Everytinghs working fine. I get back a token in the right format like this:
{
"token": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.ey....EifQ.nMr5Q1mX9O-3dknpNRBjOiOc1QJjEJydaOJOVqNFfWc"
}
And then I try to use in Angular with this code:
export class AuthService {
constructor(private http: Http) { }
login(credentials: any) {
const headers = new Headers();
headers.append('Content-Type', 'application/json');
const options = new RequestOptions({ headers: headers });
return this.http.post(
'/api/auth/login',
JSON.stringify(credentials)
)
.pipe(map(response => {
const result = response.json();
if (result && result.token) {
localStorage.setItem('token', result.token);
return true;
}
return false;
}));
}
// ...
}
And this get back this error message:
{_body: "{"error":"invalid_credentials"}", status: 401, ok: false, statusText: "Unauthorized", headers: Headers, ...}
The URL is checked, that is same in both case. The user and password is checked, that is same too in both case.
I have no clue what do I wrong in Angular. Any idea?
angular authentication laravel-5 jwt postman
asked yesterday
netdjw
1,23073356
add a comment |
I'm using Laravel 5.7 with TymonJWTAuth 1.0.0-rc3 in backend and Angular 7 on frontend. I use this PHP code:
public function login(Request $request)
{
$credentials = $request->only('email', 'password');
try {
// attempt to verify the credentials and create a token for the user
if (! $token = JWTAuth::attempt($credentials)) {
return response()->json(['error' => 'invalid_credentials'], 401);
}
} catch (JWTException $e) {
// something went wrong whilst attempting to encode the token
return response()->json(['error' => 'could_not_create_token'], 500);
}
// all good so return the token
return response()->json(compact('token'));
}
This code is from original documentation of Tymon's JWTAuth documentation as example code.
I was created an instance in Postman to test this code with these options:
Headers:
Content-Type: application/json
Body:
{
"email": "admin@admin.test",
"password": "admin"
}
Everytinghs working fine. I get back a token in the right format like this:
{
"token": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.ey....EifQ.nMr5Q1mX9O-3dknpNRBjOiOc1QJjEJydaOJOVqNFfWc"
}
And then I try to use in Angular with this code:
export class AuthService {
constructor(private http: Http) { }
login(credentials: any) {
const headers = new Headers();
headers.append('Content-Type', 'application/json');
const options = new RequestOptions({ headers: headers });
return this.http.post(
'/api/auth/login',
JSON.stringify(credentials)
)
.pipe(map(response => {
const result = response.json();
if (result && result.token) {
localStorage.setItem('token', result.token);
return true;
}
return false;
}));
}
// ...
}
And this get back this error message:
{_body: "{"error":"invalid_credentials"}", status: 401, ok: false, statusText: "Unauthorized", headers: Headers, ...}
The URL is checked, that is same in both case. The user and password is checked, that is same too in both case.
I have no clue what do I wrong in Angular. Any idea?
angular authentication laravel-5 jwt postman
asked yesterday
netdjw
1,23073356
add a comment |
I'm using Laravel 5.7 with TymonJWTAuth 1.0.0-rc3 in backend and Angular 7 on frontend. I use this PHP code:
public function login(Request $request)
{
$credentials = $request->only('email', 'password');
try {
// attempt to verify the credentials and create a token for the user
if (! $token = JWTAuth::attempt($credentials)) {
return response()->json(['error' => 'invalid_credentials'], 401);
}
} catch (JWTException $e) {
// something went wrong whilst attempting to encode the token
return response()->json(['error' => 'could_not_create_token'], 500);
}
// all good so return the token
return response()->json(compact('token'));
}
This code is from original documentation of Tymon's JWTAuth documentation as example code.
I was created an instance in Postman to test this code with these options:
Headers:
Content-Type: application/json
Body:
{
"email": "admin@admin.test",
"password": "admin"
}
Everytinghs working fine. I get back a token in the right format like this:
{
"token": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.ey....EifQ.nMr5Q1mX9O-3dknpNRBjOiOc1QJjEJydaOJOVqNFfWc"
}
And then I try to use in Angular with this code:
export class AuthService {
constructor(private http: Http) { }
login(credentials: any) {
const headers = new Headers();
headers.append('Content-Type', 'application/json');
const options = new RequestOptions({ headers: headers });
return this.http.post(
'/api/auth/login',
JSON.stringify(credentials)
)
.pipe(map(response => {
const result = response.json();
if (result && result.token) {
localStorage.setItem('token', result.token);
return true;
}
return false;
}));
}
// ...
}
And this get back this error message:
{_body: "{"error":"invalid_credentials"}", status: 401, ok: false, statusText: "Unauthorized", headers: Headers, ...}
The URL is checked, that is same in both case. The user and password is checked, that is same too in both case.
I have no clue what do I wrong in Angular. Any idea?
angular authentication laravel-5 jwt postman
asked yesterday
netdjw
1,23073356
I'm using Laravel 5.7 with TymonJWTAuth 1.0.0-rc3 in backend and Angular 7 on frontend. I use this PHP code:
public function login(Request $request)
{
$credentials = $request->only('email', 'password');
try {
// attempt to verify the credentials and create a token for the user
if (! $token = JWTAuth::attempt($credentials)) {
return response()->json(['error' => 'invalid_credentials'], 401);
}
} catch (JWTException $e) {
// something went wrong whilst attempting to encode the token
return response()->json(['error' => 'could_not_create_token'], 500);
}
// all good so return the token
return response()->json(compact('token'));
}
This code is from original documentation of Tymon's JWTAuth documentation as example code.
I was created an instance in Postman to test this code with these options:
Headers:
Content-Type: application/json
Body:
{
"email": "admin@admin.test",
"password": "admin"
}
Everytinghs working fine. I get back a token in the right format like this:
{
"token": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.ey....EifQ.nMr5Q1mX9O-3dknpNRBjOiOc1QJjEJydaOJOVqNFfWc"
}
And then I try to use in Angular with this code:
export class AuthService {
constructor(private http: Http) { }
login(credentials: any) {
const headers = new Headers();
headers.append('Content-Type', 'application/json');
const options = new RequestOptions({ headers: headers });
return this.http.post(
'/api/auth/login',
JSON.stringify(credentials)
)
.pipe(map(response => {
const result = response.json();
if (result && result.token) {
localStorage.setItem('token', result.token);
return true;
}
return false;
}));
}
// ...
}
And this get back this error message:
{_body: "{"error":"invalid_credentials"}", status: 401, ok: false, statusText: "Unauthorized", headers: Headers, ...}
The URL is checked, that is same in both case. The user and password is checked, that is same too in both case.
I have no clue what do I wrong in Angular. Any idea?
angular authentication laravel-5 jwt postman
angular authentication laravel-5 jwt postman
asked yesterday
netdjw
1,23073356
asked yesterday
netdjw
1,23073356
edited 21 hours ago
asked yesterday
netdjw
1,23073356
asked yesterday
netdjw
1,23073356
asked yesterday
netdjw
1,23073356
1,23073356
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
I found the error in my Angular code:
return this.http.post(
'/api/auth/login',
JSON.stringify(credentials),
options // <--- this was missing
)
.pipe( // ...
With this modification this is a working solution.
answered 20 hours ago
netdjw
1,23073356
add a comment |
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
});
}
});
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%2f53936898%2flaravel-5-7-with-tymon-jwtauth-and-angular-7-get-always-invalid-credentials%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I found the error in my Angular code:
return this.http.post(
'/api/auth/login',
JSON.stringify(credentials),
options // <--- this was missing
)
.pipe( // ...
With this modification this is a working solution.
answered 20 hours ago
netdjw
1,23073356
add a comment |
I found the error in my Angular code:
return this.http.post(
'/api/auth/login',
JSON.stringify(credentials),
options // <--- this was missing
)
.pipe( // ...
With this modification this is a working solution.
answered 20 hours ago
netdjw
1,23073356
add a comment |
I found the error in my Angular code:
return this.http.post(
'/api/auth/login',
JSON.stringify(credentials),
options // <--- this was missing
)
.pipe( // ...
With this modification this is a working solution.
answered 20 hours ago
netdjw
1,23073356
I found the error in my Angular code:
return this.http.post(
'/api/auth/login',
JSON.stringify(credentials),
options // <--- this was missing
)
.pipe( // ...
With this modification this is a working solution.
answered 20 hours ago
netdjw
1,23073356
answered 20 hours ago
netdjw
1,23073356
answered 20 hours ago
netdjw
1,23073356
answered 20 hours ago
netdjw
1,23073356
1,23073356
add a comment |
add a comment |
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.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- 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.
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%2f53936898%2flaravel-5-7-with-tymon-jwtauth-and-angular-7-get-always-invalid-credentials%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
