При создании приложений вам часто необходимо взаимодействовать с другими службами или серверным API. Часто в своем приложении Vue вы обнаруживаете, что выполняете действия, подобные приведенным ниже.

Хотя в действиях нет абсолютно ничего плохого, вы понимаете, что в этих двух действиях есть повторение. Определим повторы и упростим код.

Есть 3 способа упростить приведенный выше код.

  • Установите базовый URL-адрес API. Я использую axios для своих запросов.
  • Поскольку они оба являются запросами получения, вы можете объединить их в один и сделать запрос получения более общим.
  • Вы должны быть заинтересованы в commit, поскольку не все get requests сохраняются в магазине vuex. Однако все зависит от вашего приложения.

Теперь, когда вам нужно отправить еще один запрос на получение, то есть getAllShops getUserLogs, вам не нужно будет настраивать отдельные действия для getting shops and user logs. Все, что вам нужно сделать в своем компоненте, это

То же самое можно сделать для POST, PUT AND DELETE запросов. Именно так я обрабатываю запросы в своих приложениях, и я могу сказать вам, что это увеличило мою скорость разработки.

Если этот пост был полезен, поделитесь им и следите за другими моими статьями. Вы можете подписаться на меня на GitHub и LinkedIn. Если у вас есть идеи и улучшения, не стесняйтесь поделиться ими со мной.

Удачного кодирования!