पुनः लोड समस्या को हल करने में कुछ मदद चाहिए। मैं सेवा के माध्यम से डेटा प्राप्त करता हूं:

import axios from 'axios'

const apiClient = axios.create({
 baseURL: 'www.domain/api/v1',
 headers: {
 Accept: 'application/json',
 'Content-Type': 'application/json'
 }
})

तथा

export default {
 getCompanies() {
return apiClient.get('/companies')
},

स्टोर में:

export const actions = {
 fetchCompanies({ commit }) {
 return CompanyService.getCompanies().then(response => {
  commit('SET_COMPANIES', response.data)
 })
},

पृष्ठों/कंपनियों में:

async fetch({ store, error }) {
  try {
    await store.dispatch('company/fetchCompanies')
  } catch (e) {
    error({
      statusCode: 503,
      message: 'Unable to fetch Companies at this time'
    })
  }
},

ठीक काम करता है, लेकिन पेज रीलोड पर कोई डेटा नहीं। कुछ मदद बहुत अच्छी होगी।

2
Werner 21 नवम्बर 2019, 18:01

1 उत्तर

सबसे बढ़िया उत्तर

यदि आप इसे पेजिनेशन घटक पर उपयोग कर रहे हैं तो इसका कारण यह है कि यह पुनः लोड नहीं हो रहा है कि fetch इसे एक बार सर्वर-साइड कहा जाएगा और क्लाइंट-साइड में आगे के मार्गों पर नेविगेट करते समय।

डिफ़ॉल्ट रूप से क्वेरी स्ट्रिंग परिवर्तन पर लाने का तरीका नहीं कहा जाता है। यदि आप इस व्यवहार को बदलना चाहते हैं, उदाहरण के लिए पृष्ठ पर अंक लगाना घटक बनाते समय, तो आप ऐसे पैरामीटर सेट कर सकते हैं जिन्हें आपके पृष्ठ घटक की watchQuery संपत्ति के माध्यम से सुना जाना चाहिए। API watchQuery पृष्ठ पर और जानें।

लुक्स नेक्सट दस्तावेज़ीकरण: https://nuxtjs.org/api/pages-fetch/

इसे ठीक करने के लिए आप watchQuery का उपयोग कर सकते हैं। https://nuxtjs.org/api/pages-watchquery

2
Vinicius Santin 21 नवम्बर 2019, 22:49