использование фиктивных данных при разработке с помощью vue + vuex - PullRequest
Новая
       10

использование фиктивных данных при разработке с помощью vue + vuex

2 голосов
/ 24 мая 2019

Я работаю над приложением Vue, которое также использует vuex.

Все настроенное объявление работает правильно, как и ожидалось, но я хотел бы улучшить его, чтобы я мог работать над ним без фактического вызова конечных точек API (главным образом, чтобы избежать ограничения скорости).

Я создал макет папки и поместил туда какой-то файл. Как мне использовать эти макеты в разработке и настоящую конечную точку API для сборки на производстве, не внося путаницы в мой код?

Я создал репо с как можно меньшим количеством. Он включает vue + vuex, один интеллектуальный компонент, отвечающий за чтение из магазина, и немой компонент, отображающий его.

В плохих словах, я ищу способ изменить это: 

const actions = {
  async fetchTodos({ commit }) {
    let response;
    if (process.env.NODE_ENV === "development") {
      response = { data: todos };
    } else {
      response = await axios.get("https://jsonplaceholder.typicode.com/todos");
    }
    commit("setTodos", response.data);
  }
};

с чем-то, что будет проще в обслуживании и не увеличит размер пакета.

Я думал о том, чтобы издеваться над целым объектом действия, что было бы неплохо, но как мне избежать связывания моих макетов в этот момент?

Как вы управляете своей интерфейсной средой, чтобы избежать подобных проблем?

...