How to use proxy in webpack and reactjs?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
I have added following code in "webpack.config.dev.js"
devServer:
proxy:
target:"http://localhost:8081"
I'm using following axios code, but it's not taking proxy as a url
axios(
method:"post",
url:"/add_order_product",
data:result
).then(response =>
alert(response.data);
if(response.data === true)
// console.log(response);
alert("saving data");
).catch(response =>
console.log(response);
);
reactjs react-redux webpack-dev-server
edited Nov 16 '18 at 17:23
executable
1,9782924
asked Nov 16 '18 at 12:42
SVDSVD
63
add a comment |
I have added following code in "webpack.config.dev.js"
devServer:
proxy:
target:"http://localhost:8081"
I'm using following axios code, but it's not taking proxy as a url
axios(
method:"post",
url:"/add_order_product",
data:result
).then(response =>
alert(response.data);
if(response.data === true)
// console.log(response);
alert("saving data");
).catch(response =>
console.log(response);
);
reactjs react-redux webpack-dev-server
edited Nov 16 '18 at 17:23
executable
1,9782924
asked Nov 16 '18 at 12:42
SVDSVD
63
add a comment |
I have added following code in "webpack.config.dev.js"
devServer:
proxy:
target:"http://localhost:8081"
I'm using following axios code, but it's not taking proxy as a url
axios(
method:"post",
url:"/add_order_product",
data:result
).then(response =>
alert(response.data);
if(response.data === true)
// console.log(response);
alert("saving data");
).catch(response =>
console.log(response);
);
reactjs react-redux webpack-dev-server
edited Nov 16 '18 at 17:23
executable
1,9782924
asked Nov 16 '18 at 12:42
SVDSVD
63
I have added following code in "webpack.config.dev.js"
devServer:
proxy:
target:"http://localhost:8081"
I'm using following axios code, but it's not taking proxy as a url
axios(
method:"post",
url:"/add_order_product",
data:result
).then(response =>
alert(response.data);
if(response.data === true)
// console.log(response);
alert("saving data");
).catch(response =>
console.log(response);
);
reactjs react-redux webpack-dev-server
reactjs react-redux webpack-dev-server
edited Nov 16 '18 at 17:23
executable
1,9782924
asked Nov 16 '18 at 12:42
SVDSVD
63
edited Nov 16 '18 at 17:23
executable
1,9782924
asked Nov 16 '18 at 12:42
SVDSVD
63
edited Nov 16 '18 at 17:23
executable
1,9782924
edited Nov 16 '18 at 17:23
executable
1,9782924
edited Nov 16 '18 at 17:23
executable
1,9782924
1,9782924
asked Nov 16 '18 at 12:42
SVDSVD
63
asked Nov 16 '18 at 12:42
SVDSVD
63
asked Nov 16 '18 at 12:42
SVDSVD
63
63
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
By default webpack-dev-server does not enable root proxying. In order to enable root proxying, the index property needs to be set to a falsy value. Their documentation also has the context property set, although they don't explicitly say that it is need for root proxying. Try the configuration below, and here's a link to the webpack-dev-server proxy documentation.
devServer:
index: '',
proxy:
context: () => true,
target: "http://localhost:8081"
answered Nov 16 '18 at 15:58
callmerootcallmeroot
345210
I tried with your solution provided above, but it's not working it still giving 404 error (not connecting to the proxy server).
– SVD
Nov 17 '18 at 4:24
What does your API server / routes look like? Is '/add_order_product' a valid route?
– callmeroot
Nov 19 '18 at 13:13
Yes, it's a valid route. When I try to connect localhost:8081/add_order_product its connecting but when I try to connect with the proxy it's not getting connected.
– SVD
Nov 22 '18 at 6:05
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%2f53338152%2fhow-to-use-proxy-in-webpack-and-reactjs%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
By default webpack-dev-server does not enable root proxying. In order to enable root proxying, the index property needs to be set to a falsy value. Their documentation also has the context property set, although they don't explicitly say that it is need for root proxying. Try the configuration below, and here's a link to the webpack-dev-server proxy documentation.
devServer:
index: '',
proxy:
context: () => true,
target: "http://localhost:8081"
answered Nov 16 '18 at 15:58
callmerootcallmeroot
345210
I tried with your solution provided above, but it's not working it still giving 404 error (not connecting to the proxy server).
– SVD
Nov 17 '18 at 4:24
What does your API server / routes look like? Is '/add_order_product' a valid route?
– callmeroot
Nov 19 '18 at 13:13
Yes, it's a valid route. When I try to connect localhost:8081/add_order_product its connecting but when I try to connect with the proxy it's not getting connected.
– SVD
Nov 22 '18 at 6:05
add a comment |
By default webpack-dev-server does not enable root proxying. In order to enable root proxying, the index property needs to be set to a falsy value. Their documentation also has the context property set, although they don't explicitly say that it is need for root proxying. Try the configuration below, and here's a link to the webpack-dev-server proxy documentation.
devServer:
index: '',
proxy:
context: () => true,
target: "http://localhost:8081"
answered Nov 16 '18 at 15:58
callmerootcallmeroot
345210
I tried with your solution provided above, but it's not working it still giving 404 error (not connecting to the proxy server).
– SVD
Nov 17 '18 at 4:24
What does your API server / routes look like? Is '/add_order_product' a valid route?
– callmeroot
Nov 19 '18 at 13:13
Yes, it's a valid route. When I try to connect localhost:8081/add_order_product its connecting but when I try to connect with the proxy it's not getting connected.
– SVD
Nov 22 '18 at 6:05
add a comment |
By default webpack-dev-server does not enable root proxying. In order to enable root proxying, the index property needs to be set to a falsy value. Their documentation also has the context property set, although they don't explicitly say that it is need for root proxying. Try the configuration below, and here's a link to the webpack-dev-server proxy documentation.
devServer:
index: '',
proxy:
context: () => true,
target: "http://localhost:8081"
answered Nov 16 '18 at 15:58
callmerootcallmeroot
345210
By default webpack-dev-server does not enable root proxying. In order to enable root proxying, the index property needs to be set to a falsy value. Their documentation also has the context property set, although they don't explicitly say that it is need for root proxying. Try the configuration below, and here's a link to the webpack-dev-server proxy documentation.
devServer:
index: '',
proxy:
context: () => true,
target: "http://localhost:8081"
answered Nov 16 '18 at 15:58
callmerootcallmeroot
345210
edited Nov 16 '18 at 20:24
answered Nov 16 '18 at 15:58
callmerootcallmeroot
345210
answered Nov 16 '18 at 15:58
callmerootcallmeroot
345210
answered Nov 16 '18 at 15:58
callmerootcallmeroot
345210
345210
I tried with your solution provided above, but it's not working it still giving 404 error (not connecting to the proxy server).
– SVD
Nov 17 '18 at 4:24
What does your API server / routes look like? Is '/add_order_product' a valid route?
– callmeroot
Nov 19 '18 at 13:13
Yes, it's a valid route. When I try to connect localhost:8081/add_order_product its connecting but when I try to connect with the proxy it's not getting connected.
– SVD
Nov 22 '18 at 6:05
add a comment |
I tried with your solution provided above, but it's not working it still giving 404 error (not connecting to the proxy server).
– SVD
Nov 17 '18 at 4:24
What does your API server / routes look like? Is '/add_order_product' a valid route?
– callmeroot
Nov 19 '18 at 13:13
Yes, it's a valid route. When I try to connect localhost:8081/add_order_product its connecting but when I try to connect with the proxy it's not getting connected.
– SVD
Nov 22 '18 at 6:05
I tried with your solution provided above, but it's not working it still giving 404 error (not connecting to the proxy server).
– SVD
Nov 17 '18 at 4:24
I tried with your solution provided above, but it's not working it still giving 404 error (not connecting to the proxy server).
– SVD
Nov 17 '18 at 4:24
What does your API server / routes look like? Is '/add_order_product' a valid route?
– callmeroot
Nov 19 '18 at 13:13
What does your API server / routes look like? Is '/add_order_product' a valid route?
– callmeroot
Nov 19 '18 at 13:13
Yes, it's a valid route. When I try to connect localhost:8081/add_order_product its connecting but when I try to connect with the proxy it's not getting connected.
– SVD
Nov 22 '18 at 6:05
Yes, it's a valid route. When I try to connect localhost:8081/add_order_product its connecting but when I try to connect with the proxy it's not getting connected.
– SVD
Nov 22 '18 at 6:05
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.
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%2f53338152%2fhow-to-use-proxy-in-webpack-and-reactjs%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
