使用Vuejs在Storybook中使用axios-mock-adapter无法模拟axios api调用

时间:2019-03-15 17:28:16

标签: vue.js axios storybook axios-mock-adapter

曾经尝试将故事书与我的VueJS项目一起使用,而Im却坚持使用模拟api调用。 我没有运气就尝试使用axios-mock-adapter。

我的故事书文件代码为:

import { storiesOf } from '@storybook/vue';
import { action } from '@storybook/addon-actions';
import { withKnobs, boolean } from '@storybook/addon-knobs';
import axios from 'axios';
import MockAdapter from 'axios-mock-adapter';
import fileUpload from './fileUpload.vue';

const mock = new MockAdapter(axios);

mock
  .onPost('https://s3.amazonaws.com')
  .reply(200, []);

storiesOf('Common|File CSV Upload', module)
  .addDecorator(withKnobs)
  .add('Default', () => ({
    components: { fileUpload },
    data: () => ({
    }),
    template: ` 
        <v-flex>
            <file-upload></file-upload>
       </v-flex>`,
    methods: {
      action: action('file upload'),
    },
  }));

我使用得对吗?

0 个答案:

没有答案