Axios post with proxy on create-react-app hosting server doesn't work

Question

I have following line in my package.json (react app)

"proxy": "http://www.demoapp.com"

I'm requesting data using REST-API call

axios.post('/user_data', { // http://www.demoapp.com/user_data
        id:id
    })
    .then((response) => { 
        console.log(response);
    })
    .catch((error) => {

    });

Above code works fine if I use it in my local system, But if I build a project and upload into hosting server proxy doesn't work.

Anyone know the solution? I have checked in github also but not found proper solution.

"doesn't work" is virtually meaningless. Inspect actual requests in browser dev tools network for clues — charlietfl
– charlietfl, Commented Sep 6, 2018 at 13:16

Olivier Boissé · Accepted Answer · 2018-09-06 13:41:49Z

6

I think you should define your proxy in the axios config, if it should be applied globally for every requests, you can use this code to define the Global axios default https://github.com/axios/axios#config-defaults

import axios from 'axios';

axios.defaults.proxy.host = "http://www.demoapp.com"
axios.defaults.proxy.port = ...
axios.defaults.proxy.auth.username = ...
axios.defaults.proxy.auth.password = ...

answered Sep 6, 2018 at 13:41

Olivier Boissé

18.5k7 gold badges54 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

JEETHESH KARKERA Over a year ago

Thank you so much for the answer. It worked :) But instead of "proxy.host" it mentioned in "axios.defaults.proxy.host" I have used "baseURL ("axios.defaults.baseURL")" as it mentioned in GITHUB link which you have provided :)

Goran_Ilic_Ilke Over a year ago

I am looking for global proxy solution which works on all of my files,not on only one as above.

Olivier Boissé Over a year ago

From the documentation github.com/axios/axios#config-defaults : You can specify config defaults that will be applied to every request. so this configuration will be applied globally to every requests

Collectives™ on Stack Overflow

Axios post with proxy on create-react-app hosting server doesn't work

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related