Подход обратного вызова проверки формы бэкэнда |магазин Vuex |vuejs

Question

Мой вопрос касается обработки «ошибок проверки базы данных» для пользователя с помощью хранилища Vuex.(см. изображение ниже). Любой совет, как с этим справиться?

Затем отобразите мои ошибки, указанные и «позиционированные» по полю.Примерно так:

<label>Title</label>
<input type="text">
<p v-if="errors.title">{{errors.title}}</p>

Моей первой мыслью было передать «ошибки базы данных», полученные «действием хранилища vuex», тоже «атрибут состояния хранилища» и использовать вычисляемое свойство с «получателем хранилища»."в компоненте vuejs, чтобы отобразить ошибку, но мне это не кажется правильным.

Answer 1

Я использую эту модель JSON для получения данных с сервера: {status: 0, result: {}, error: {}}.В этом случае вы можете проверить атрибут status для успешности вызова остальных API.Таким образом, в зависимости от status, вы можете обрабатывать переменную error или result.

На стороне сервера, если обнаружена какая-либо ошибка / исключение, вы можете отправить обратно клиенту (в частности), в переменной error.

В вашем случае, например: вы обнаружили ошибку db на стороне сервера, вы определяете статус для этого (например) 430 , вы отправляете обратносообщение с ошибкой и кодом состояния, таким образом, вы можете хорошо справиться с проблемой.

Надеюсь, это поможет!:)