我正在尝试使用 React 从开发服务器获取一些数据。
我正在运行客户端localhost:3001
和后端port 3000
.
获取请求:
const users = fetch('/api/users');
users.then((err,res) => {
console.log(res);
})
当我运行开发服务器和 webpack-dev-server 时,我得到以下输出:
GET http://localhost:3001/api/users 404 (Not Found)
我尝试在中指定代理包.json因此它会将请求代理到 API 服务器,但没有任何改变。
这是我的package.json 文件:
.. and the webpack.config :
如果您需要从我的项目中查看其他内容,请告诉我。我很抱歉,如果我遗漏了一些东西并且不彻底,我对使用这些技术仍然很陌生。
您可以修改您的获取请求 API url 以提供完整的主机名,因为
fetch('http://localhost:3000/api/users')
还要确保你有CORS
在您的后端启用
如果你想通过 webpack 重定向,你可以尝试devServer.proxy
as
devServer: {
inline: true,
contentBase: './dist',
port: 3001,
proxy: { "/api/**": { target: 'http://localhost:3000', secure: false } }
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)