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:
.. and the webpack.config :
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.
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 } } }
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With