要将Axios发送的请求发送到本地主机而不是Heroku上的URL,可以通过指定请求的baseURL来实现。以下是一个示例代码,演示如何在Axios中设置baseURL:
// 在需要发送请求的地方导入Axios
import axios from 'axios';
// 创建一个Axios实例
const api = axios.create({
baseURL: 'http://localhost:5000', // 设置baseURL为本地主机的地址
});
// 发送GET请求
api.get('/api/data')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
// 发送POST请求
const data = {
name: 'John Doe',
email: 'johndoe@example.com',
};
api.post('/api/data', data)
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
在上面的代码中,我们使用Axios的create方法创建了一个名为api的Axios实例,并在baseURL选项中指定了本地主机的地址。然后,我们可以使用这个api实例发送GET和POST请求,这些请求将被发送到指定的本地主机地址。
请注意,上述代码中的http://localhost:5000只是一个示例本地主机地址,你应该将其替换为你自己本地主机的地址。此外,确保本地主机上运行了一个能够处理这些请求的服务器。