在使用Axios进行参数路由请求时,可能会遇到返回404错误的问题。这通常是因为服务器无法识别请求的URL路径。下面是一个解决方法的代码示例:
import axios from 'axios';
// 创建一个axios实例
const api = axios.create({
baseURL: 'https://example.com/api', // 设置基本URL
});
// 定义一个请求方法
const fetchData = async (id) => {
try {
const response = await api.get(`/data/${id}`); // 在URL路径中使用参数
console.log(response.data);
} catch (error) {
console.error(error);
}
};
// 调用请求方法
fetchData(123);
在上面的示例中,我们首先使用axios.create()
方法创建了一个名为api
的axios实例,并将基本URL设置为https://example.com/api
。
然后定义了一个名为fetchData
的异步函数,它接受一个参数id
作为URL路径中的参数。使用api.get()
方法发起GET请求,并在URL路径中使用参数。
最后,我们调用fetchData
函数并传入一个参数123
来进行请求。
这样,Axios将会发送一个GET请求到https://example.com/api/data/123
的URL,并获取数据。如果服务器正确配置,就不会返回404错误了。