Angular 6 - Error login to return http status 403
I have based on the following link to practice with a login in Angular:
https://medium.com/@ozgurgul/angular-6-login-and-router-tutorial-ac5fc5d3027f
I need to test the application locally, I have configured a proxy.conf.json file for the Angular App to avoid problems with CORS (proxy.conf.json):
"/api/*":
"target": "http://localhost:8002/login",
"secure": false
When I try to perform the login I get the following error:
Http 403 (forbidden)
This is my angular component (login.component.ts)
tryLogin(email: string, password: string)
this.loginService.login(
email,
password
).subscribe(
r =>
if (r.token)
this.customerService.setToken(r.token);
this.router.navigateByUrl('/dashboard');
,
r =>
alert(r.error.status); //here I get the error 403
);
And this is my angular service (login.service.ts)
apiPath: string;
constructor(private http: HttpClient)
this.apiPath = '/api';
login(email: string, password: string): Observable<LoginResultModel>
return this.http.post<LoginResultModel>(this.apiPath,
email: email,
password: password
);
What could be the problem? thanks,
angular cors http-status-code-403
add a comment |
I have based on the following link to practice with a login in Angular:
https://medium.com/@ozgurgul/angular-6-login-and-router-tutorial-ac5fc5d3027f
I need to test the application locally, I have configured a proxy.conf.json file for the Angular App to avoid problems with CORS (proxy.conf.json):
"/api/*":
"target": "http://localhost:8002/login",
"secure": false
When I try to perform the login I get the following error:
Http 403 (forbidden)
This is my angular component (login.component.ts)
tryLogin(email: string, password: string)
this.loginService.login(
email,
password
).subscribe(
r =>
if (r.token)
this.customerService.setToken(r.token);
this.router.navigateByUrl('/dashboard');
,
r =>
alert(r.error.status); //here I get the error 403
);
And this is my angular service (login.service.ts)
apiPath: string;
constructor(private http: HttpClient)
this.apiPath = '/api';
login(email: string, password: string): Observable<LoginResultModel>
return this.http.post<LoginResultModel>(this.apiPath,
email: email,
password: password
);
What could be the problem? thanks,
angular cors http-status-code-403
1
Might be a permission problem. Trysudo chmod -R 777 <path-to-folder>
where <path-to-folder> is the path of the server side of your app where the login autentication is performed
– Osakr
Nov 14 '18 at 11:36
The OS is windows, do not know if the problem is in Angular or in Java?
– Eladerezador
Nov 15 '18 at 7:53
Windows is also using permissions for its filesystem. I hesitate that the problem resides in angular since more likely a server side problem. Usually this problem comes after a bad folder permissions configuration, but something else could be causing this
– Osakr
Nov 15 '18 at 8:49
add a comment |
I have based on the following link to practice with a login in Angular:
https://medium.com/@ozgurgul/angular-6-login-and-router-tutorial-ac5fc5d3027f
I need to test the application locally, I have configured a proxy.conf.json file for the Angular App to avoid problems with CORS (proxy.conf.json):
"/api/*":
"target": "http://localhost:8002/login",
"secure": false
When I try to perform the login I get the following error:
Http 403 (forbidden)
This is my angular component (login.component.ts)
tryLogin(email: string, password: string)
this.loginService.login(
email,
password
).subscribe(
r =>
if (r.token)
this.customerService.setToken(r.token);
this.router.navigateByUrl('/dashboard');
,
r =>
alert(r.error.status); //here I get the error 403
);
And this is my angular service (login.service.ts)
apiPath: string;
constructor(private http: HttpClient)
this.apiPath = '/api';
login(email: string, password: string): Observable<LoginResultModel>
return this.http.post<LoginResultModel>(this.apiPath,
email: email,
password: password
);
What could be the problem? thanks,
angular cors http-status-code-403
I have based on the following link to practice with a login in Angular:
https://medium.com/@ozgurgul/angular-6-login-and-router-tutorial-ac5fc5d3027f
I need to test the application locally, I have configured a proxy.conf.json file for the Angular App to avoid problems with CORS (proxy.conf.json):
"/api/*":
"target": "http://localhost:8002/login",
"secure": false
When I try to perform the login I get the following error:
Http 403 (forbidden)
This is my angular component (login.component.ts)
tryLogin(email: string, password: string)
this.loginService.login(
email,
password
).subscribe(
r =>
if (r.token)
this.customerService.setToken(r.token);
this.router.navigateByUrl('/dashboard');
,
r =>
alert(r.error.status); //here I get the error 403
);
And this is my angular service (login.service.ts)
apiPath: string;
constructor(private http: HttpClient)
this.apiPath = '/api';
login(email: string, password: string): Observable<LoginResultModel>
return this.http.post<LoginResultModel>(this.apiPath,
email: email,
password: password
);
What could be the problem? thanks,
angular cors http-status-code-403
angular cors http-status-code-403
edited Nov 15 '18 at 7:53
Eladerezador
asked Nov 14 '18 at 11:33
EladerezadorEladerezador
43321224
43321224
1
Might be a permission problem. Trysudo chmod -R 777 <path-to-folder>
where <path-to-folder> is the path of the server side of your app where the login autentication is performed
– Osakr
Nov 14 '18 at 11:36
The OS is windows, do not know if the problem is in Angular or in Java?
– Eladerezador
Nov 15 '18 at 7:53
Windows is also using permissions for its filesystem. I hesitate that the problem resides in angular since more likely a server side problem. Usually this problem comes after a bad folder permissions configuration, but something else could be causing this
– Osakr
Nov 15 '18 at 8:49
add a comment |
1
Might be a permission problem. Trysudo chmod -R 777 <path-to-folder>
where <path-to-folder> is the path of the server side of your app where the login autentication is performed
– Osakr
Nov 14 '18 at 11:36
The OS is windows, do not know if the problem is in Angular or in Java?
– Eladerezador
Nov 15 '18 at 7:53
Windows is also using permissions for its filesystem. I hesitate that the problem resides in angular since more likely a server side problem. Usually this problem comes after a bad folder permissions configuration, but something else could be causing this
– Osakr
Nov 15 '18 at 8:49
1
1
Might be a permission problem. Try
sudo chmod -R 777 <path-to-folder>
where <path-to-folder> is the path of the server side of your app where the login autentication is performed– Osakr
Nov 14 '18 at 11:36
Might be a permission problem. Try
sudo chmod -R 777 <path-to-folder>
where <path-to-folder> is the path of the server side of your app where the login autentication is performed– Osakr
Nov 14 '18 at 11:36
The OS is windows, do not know if the problem is in Angular or in Java?
– Eladerezador
Nov 15 '18 at 7:53
The OS is windows, do not know if the problem is in Angular or in Java?
– Eladerezador
Nov 15 '18 at 7:53
Windows is also using permissions for its filesystem. I hesitate that the problem resides in angular since more likely a server side problem. Usually this problem comes after a bad folder permissions configuration, but something else could be causing this
– Osakr
Nov 15 '18 at 8:49
Windows is also using permissions for its filesystem. I hesitate that the problem resides in angular since more likely a server side problem. Usually this problem comes after a bad folder permissions configuration, but something else could be causing this
– Osakr
Nov 15 '18 at 8:49
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
);
);
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%2f53299269%2fangular-6-error-login-to-return-http-status-403%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
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.
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%2f53299269%2fangular-6-error-login-to-return-http-status-403%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
1
Might be a permission problem. Try
sudo chmod -R 777 <path-to-folder>
where <path-to-folder> is the path of the server side of your app where the login autentication is performed– Osakr
Nov 14 '18 at 11:36
The OS is windows, do not know if the problem is in Angular or in Java?
– Eladerezador
Nov 15 '18 at 7:53
Windows is also using permissions for its filesystem. I hesitate that the problem resides in angular since more likely a server side problem. Usually this problem comes after a bad folder permissions configuration, but something else could be causing this
– Osakr
Nov 15 '18 at 8:49