POST request from React app to wp-rest api returns 404
-1
Any POST request to the wp rest api yields 404 responses, yet when switched to GET everything works fine.
The react component's method to handle a form submit with fetch:
handleFormSubmit(){
event.preventDefault();
const data = new FormData(event.target);
fetch('sfg/wp-json/sfg/v1/login', {
method : 'POST',
body: data
})
.then( (res) => {
console.log(res);
} );
}
The register route function:
register_rest_route( 'sfg/v1', '/login/', array(
'methods' => 'POST',
'callback' => 'json_login'
));
The callback:
function json_login(){
$credentials = array();
$credentials['user_name'] = $_POST['username'];
$credentials['password'] = $_POST['password'];
$status = wp_signon($credentials, false);
return $status;
}
App is sending the request from a different port - 8081 rather than 8080.
php wordpress reactjs rest
asked Dec 31 '18 at 12:40
OzzyOzzy
458
add a comment |
-1
Any POST request to the wp rest api yields 404 responses, yet when switched to GET everything works fine.
The react component's method to handle a form submit with fetch:
handleFormSubmit(){
event.preventDefault();
const data = new FormData(event.target);
fetch('sfg/wp-json/sfg/v1/login', {
method : 'POST',
body: data
})
.then( (res) => {
console.log(res);
} );
}
The register route function:
register_rest_route( 'sfg/v1', '/login/', array(
'methods' => 'POST',
'callback' => 'json_login'
));
The callback:
function json_login(){
$credentials = array();
$credentials['user_name'] = $_POST['username'];
$credentials['password'] = $_POST['password'];
$status = wp_signon($credentials, false);
return $status;
}
App is sending the request from a different port - 8081 rather than 8080.
php wordpress reactjs rest
asked Dec 31 '18 at 12:40
OzzyOzzy
458
add a comment |
-1
-1
-1
Any POST request to the wp rest api yields 404 responses, yet when switched to GET everything works fine.
The react component's method to handle a form submit with fetch:
handleFormSubmit(){
event.preventDefault();
const data = new FormData(event.target);
fetch('sfg/wp-json/sfg/v1/login', {
method : 'POST',
body: data
})
.then( (res) => {
console.log(res);
} );
}
The register route function:
register_rest_route( 'sfg/v1', '/login/', array(
'methods' => 'POST',
'callback' => 'json_login'
));
The callback:
function json_login(){
$credentials = array();
$credentials['user_name'] = $_POST['username'];
$credentials['password'] = $_POST['password'];
$status = wp_signon($credentials, false);
return $status;
}
App is sending the request from a different port - 8081 rather than 8080.
php wordpress reactjs rest
asked Dec 31 '18 at 12:40
OzzyOzzy
458
Any POST request to the wp rest api yields 404 responses, yet when switched to GET everything works fine.
The react component's method to handle a form submit with fetch:
handleFormSubmit(){
event.preventDefault();
const data = new FormData(event.target);
fetch('sfg/wp-json/sfg/v1/login', {
method : 'POST',
body: data
})
.then( (res) => {
console.log(res);
} );
}
The register route function:
register_rest_route( 'sfg/v1', '/login/', array(
'methods' => 'POST',
'callback' => 'json_login'
));
The callback:
function json_login(){
$credentials = array();
$credentials['user_name'] = $_POST['username'];
$credentials['password'] = $_POST['password'];
$status = wp_signon($credentials, false);
return $status;
}
App is sending the request from a different port - 8081 rather than 8080.
php wordpress reactjs rest
php wordpress reactjs rest
asked Dec 31 '18 at 12:40
OzzyOzzy
458
asked Dec 31 '18 at 12:40
OzzyOzzy
458
edited Dec 31 '18 at 15:46
Ozzy
asked Dec 31 '18 at 12:40
OzzyOzzy
458
asked Dec 31 '18 at 12:40
OzzyOzzy
458
asked Dec 31 '18 at 12:40
OzzyOzzy
458
458
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
0
According to this URL. Can you try adding index.php after your project url.
answered Dec 31 '18 at 14:46
haseeb rehmanhaseeb rehman
1
Hi, when answering questions, it helps to show some context in what is in the link to a question you included to the question and its the solution. Otherwise, mark the question as a duplicate so it redirects to the question linked.
– Dean Meehan
Dec 31 '18 at 15:03
That does not work...
– Ozzy
Dec 31 '18 at 15:43
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
});
}
});
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%2f53987646%2fpost-request-from-react-app-to-wp-rest-api-returns-404%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
0
According to this URL. Can you try adding index.php after your project url.
answered Dec 31 '18 at 14:46
haseeb rehmanhaseeb rehman
1
Hi, when answering questions, it helps to show some context in what is in the link to a question you included to the question and its the solution. Otherwise, mark the question as a duplicate so it redirects to the question linked.
– Dean Meehan
Dec 31 '18 at 15:03
That does not work...
– Ozzy
Dec 31 '18 at 15:43
add a comment |
0
According to this URL. Can you try adding index.php after your project url.
answered Dec 31 '18 at 14:46
haseeb rehmanhaseeb rehman
1
Hi, when answering questions, it helps to show some context in what is in the link to a question you included to the question and its the solution. Otherwise, mark the question as a duplicate so it redirects to the question linked.
– Dean Meehan
Dec 31 '18 at 15:03
That does not work...
– Ozzy
Dec 31 '18 at 15:43
add a comment |
0
0
0
According to this URL. Can you try adding index.php after your project url.
answered Dec 31 '18 at 14:46
haseeb rehmanhaseeb rehman
1
According to this URL. Can you try adding index.php after your project url.
answered Dec 31 '18 at 14:46
haseeb rehmanhaseeb rehman
1
answered Dec 31 '18 at 14:46
haseeb rehmanhaseeb rehman
1
answered Dec 31 '18 at 14:46
haseeb rehmanhaseeb rehman
1
answered Dec 31 '18 at 14:46
haseeb rehmanhaseeb rehman
1
1
Hi, when answering questions, it helps to show some context in what is in the link to a question you included to the question and its the solution. Otherwise, mark the question as a duplicate so it redirects to the question linked.
– Dean Meehan
Dec 31 '18 at 15:03
That does not work...
– Ozzy
Dec 31 '18 at 15:43
add a comment |
Hi, when answering questions, it helps to show some context in what is in the link to a question you included to the question and its the solution. Otherwise, mark the question as a duplicate so it redirects to the question linked.
– Dean Meehan
Dec 31 '18 at 15:03
That does not work...
– Ozzy
Dec 31 '18 at 15:43
Hi, when answering questions, it helps to show some context in what is in the link to a question you included to the question and its the solution. Otherwise, mark the question as a duplicate so it redirects to the question linked.
– Dean Meehan
Dec 31 '18 at 15:03
Hi, when answering questions, it helps to show some context in what is in the link to a question you included to the question and its the solution. Otherwise, mark the question as a duplicate so it redirects to the question linked.
– Dean Meehan
Dec 31 '18 at 15:03
That does not work...
– Ozzy
Dec 31 '18 at 15:43
That does not work...
– Ozzy
Dec 31 '18 at 15:43
add a comment |
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%2f53987646%2fpost-request-from-react-app-to-wp-rest-api-returns-404%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
