How can I mock API calls in Vue.js?

How can I mock API calls in Vue.js?

You can use libraries like Axios Mock Adapter or Mock Service Worker to mock API calls in Vue.js.

Can you show me an example using Axios Mock Adapter?

Sure! First, install Axios and Axios Mock Adapter. Then, you can set it up like this:

import axios from 'axios';
import MockAdapter from 'axios-mock-adapter';

const mock = new MockAdapter(axios);

mock.onGet('/api/data').reply(200, { data: 'mocked data' });

axios.get('/api/data').then(response => {
  console.log(response.data);
});

What about using Mock Service Worker?

Mock Service Worker is great for intercepting network requests. You can set it up like this:

import { setupWorker, rest } from 'msw';

const worker = setupWorker(
  rest.get('/api/data', (req, res, ctx) => {
    return res(ctx.json({ data: 'mocked data' }));
  })
);

worker.start();