Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Proxy in package.json not affecting fetch request

I am trying to fetch some data from the development server using React.

I am running the client on localhost:3001 and the backend on port 3000.

The fetch request :

 const users = fetch('/api/users');     users.then((err,res) => {       console.log(res);     }) 

When I run my development server and webpack-dev-server I get the following output:

GET http://localhost:3001/api/users 404 (Not Found) 

I tried specifying the proxy in the package.json so it would proxy the request to the API server, however nothing has changed.

Here is my package.json file:

enter image description here

.. and the webpack.config : enter image description here

Please tell me, if you need to see anything else from my project. I apologies, if I'm missing something and not being thorough, I'm still quite new to using these technologies.

like image 615
Radoslav Naidenov Avatar asked Jun 05 '17 09:06

Radoslav Naidenov


Video Answer


1 Answers

You can modify your fetch request API url to give the complete hostname since

 fetch('http://localhost:3000/api/users')  

also make sure that you have CORS enabled on your backend

In case your want to redirect through webpack, your can try devServer.proxy as

devServer: {      inline: true,      contentBase: './dist',      port: 3001,      proxy: { "/api/**": { target: 'http://localhost:3000', secure: false }  }  } 
like image 125
Shubham Khatri Avatar answered Sep 30 '22 22:09

Shubham Khatri