mirror of https://github.com/nuxt/nuxt.git
50 lines
1.3 KiB
JavaScript
50 lines
1.3 KiB
JavaScript
import Vue from 'vue'
|
|
import { hasFetch, normalizeError, addLifecycleHook } from '../utils'
|
|
|
|
async function serverPrefetch() {
|
|
if (!this._fetchOnServer) {
|
|
return
|
|
}
|
|
|
|
// Call and await on $fetch
|
|
try {
|
|
await this.$options.fetch.call(this)
|
|
} catch (err) {
|
|
this.$fetchState.error = normalizeError(err)
|
|
}
|
|
this.$fetchState.pending = false
|
|
|
|
|
|
// Define an ssrKey for hydration
|
|
this._fetchKey = this.$ssrContext.nuxt.fetch.length
|
|
|
|
// Add data-fetch-key on parent element of Component
|
|
const attrs = this.$vnode.data.attrs = this.$vnode.data.attrs || {}
|
|
attrs['data-fetch-key'] = this._fetchKey
|
|
|
|
// Add to ssrContext for window.__NUXT__.fetch
|
|
this.$ssrContext.nuxt.fetch.push(this.$fetchState.error ? { _error: this.$fetchState.error } : this._data)
|
|
}
|
|
|
|
export default {
|
|
beforeCreate() {
|
|
if (!hasFetch(this)) {
|
|
return
|
|
}
|
|
|
|
if (typeof this.$options.fetchOnServer === 'function') {
|
|
this._fetchOnServer = this.$options.fetchOnServer.call(this) !== false
|
|
} else {
|
|
this._fetchOnServer = this.$options.fetchOnServer !== false
|
|
}
|
|
|
|
Vue.util.defineReactive(this, '$fetchState', {
|
|
pending: true,
|
|
error: null,
|
|
timestamp: Date.now()
|
|
})
|
|
|
|
addLifecycleHook(this, 'serverPrefetch', serverPrefetch)
|
|
}
|
|
}
|