При создании приложений вам часто необходимо взаимодействовать с другими службами или серверным API. Часто в своем приложении Vue вы обнаруживаете, что выполняете действия, подобные приведенным ниже.
Хотя в действиях нет абсолютно ничего плохого, вы понимаете, что в этих двух действиях есть повторение. Определим повторы и упростим код.
Есть 3 способа упростить приведенный выше код.
- Установите базовый URL-адрес API. Я использую axios для своих запросов.
- Поскольку они оба являются запросами получения, вы можете объединить их в один и сделать запрос получения более общим.
- Вы должны быть заинтересованы в
commit
, поскольку не всеget requests
сохраняются в магазине vuex. Однако все зависит от вашего приложения.
Теперь, когда вам нужно отправить еще один запрос на получение, то есть getAllShops
getUserLogs
, вам не нужно будет настраивать отдельные действия для getting shops and user logs
. Все, что вам нужно сделать в своем компоненте, это
То же самое можно сделать для POST, PUT AND DELETE
запросов. Именно так я обрабатываю запросы в своих приложениях, и я могу сказать вам, что это увеличило мою скорость разработки.