Могу ли я получить некоторую информацию от местного JSON в VueJs с помощью Axios. Если да, то как? - PullRequest
Новая
       21

Могу ли я получить некоторую информацию от местного JSON в VueJs с помощью Axios. Если да, то как?

0 голосов
/ 30 сентября 2019

Я пытаюсь получить информацию, сравнивая идентификаторы заказа, введенные в поисковую информацию в VUEJS. Всякий раз, когда я ищу любой идентификатор заказа, он должен запросить GET и перейти в мой локальный JSON, используя Axios. Когда идентификатор заказа, введенный на входе, равен идентификатору заказа в моем локальном JSON, он должен отображать другую информацию, которая принадлежит идентификатору заказа;в противном случае должна отображаться моя страница ошибки 404. Я пробовал так много раз, но каждый раз у меня бывают сбои. Так может ли кто-нибудь мне помочь?

Некоторые поддельные данные JSON (это данные JSON для получения :: 

api_received_data = { "order_number": "ssyhhsdlks", "first_name": "Islombek", "last_name": "Mamatqulov", "phone_number": +998999999999, "address":{
        "address_1": "123 Beruniy ko'chasi"
        "address_2": "Shayxontohur",
        "address_3"  "",
        "city": "Tashkent"
        "postcode": "1003939" }, "status": "Shipped to London", "cart_id": 23, "products":   {[{"order": 1,
         "title": "iphone XS max",
         "status": "delivered"},
         {"order": 2,
         "title": "macbook pro",
         "status": "arrived in tashkent"},
         {"order":3,
         "title": "iPad",
         "status": "shipped to london"}]} }

В результате необходимо получить информацию, например таблицу, путем ввода идентификатора заказав поисковый ввод при нажатии кнопки go.

1 Ответ

0 голосов
/ 30 сентября 2019

Чтобы axios мог получить локальный файл, путь должен быть абсолютным. Рекомендуется установить это в экземпляре axios с помощью метода create.

(Код напрямую из axios docs) 

const instance = axios.create({
  baseURL: 'https://some-domain.com/api/',
  timeout: 1000,
  headers: {'X-Custom-Header': 'foobar'}
});

Baseurl будет абсолютным URL-адресом каталога, в котором находится ваш jsonфайлы есть. Затем вы можете запросить их, используя axios get. 

instance.get('someFile.json')

Хорошая особенность этого способа заключается в том, что если вам нужно использовать axios get с другим URL-адресом, базовый URL-адрес используется только при абсолютном пути. не используетсяТак что если позже вы используете axios.get('http://some-domain.com/some-end-point/) baseURL будет автоматически игнорироваться.

...