确认axios-mock-adapter的调用方式是否正确,并检查是否已启用mockAdapter拦截器。
确认传递给axios的URL是否正确,并检查mockAdapter实例化时是否正确设置了URL和响应数据。
确认组件是否正确引入了axios和mockAdapter库。
示例代码:
import axios from 'axios'; import MockAdapter from 'axios-mock-adapter';
const mock = new MockAdapter(axios); mock.onGet('/api/data').reply(200, { data: [{ title: 'Mock Data' }] });
axios.get('/api/data') .then(response => console.log(response.data)) .catch(error => console.log(error));
在React组件中使用axios-mock-adapter:
import axios from 'axios'; import MockAdapter from 'axios-mock-adapter';
const mock = new MockAdapter(axios); mock.onGet('/api/data').reply(200, { data: [{ title: 'Mock Data' }] });
class App extends React.Component { state = { data: [] }
componentDidMount() { axios.get('/api/data') .then(response => this.setState({ data: response.data.data })) .catch(error => console.log(error)); }
render() { return (
ReactDOM.render(