使用代理服务器解决这个问题。在开发环境中,代理服务器将从指定的端口号返回数据并将其发送到本地主机的FETCH请求。这样,即使主机有端口号,FETCH API也能正常运行。
以下是一个简单的例子:
在package.json文件中添加一个代理服务器的设置:
{
"name": "my-app",
"proxy": "http://localhost:[YOUR_PORT_NUMBER]/"
}
然后在React组件中,使用FETCH API发起请求时,将URL更改为相对路径:
fetch('/api/data')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error))
现在,无论本地主机是否具有端口号,FETCH API都应该正常工作。