Nuxt данные, которые получает, встраивает в html, как это исправить?

Question

[Артем Кондрацкий]

Добрый день, в конце страницы есть данные, которые nuxt получает через axios. Как это можно убрать? Может есть какой-то параметр в nuxt.config.js для этого?

store/projects.js

export const state = () => ({
  projects: []
})

export const mutations = {
  SET(state, items) {
    state.projects = items
  }
}

export const actions = {
  async fetch({ commit, state }) {
    const response = await this.$axios.$get('http://localhost:8080/projects')
    commit('SET', response)
  }
}

export const getters = {
  projects: (s) => s.projects
}

Answer 1

[profesor08]

А как по твоему клиент узнает о данных и инициализирует все? При запросе nuxt сделал дело и вернул html + код инициализации для vue.

Comments

[Артем Кондрацкий]

а в ssr никак нельзя спрятать это json в какой-нибудь js файл средствами nuxt?

[profesor08]

Артем Кондрацкий, разве что ручками настроишь postbuild, ковырнешь html и вынесешь в отдельный файл. А дальше сделаешь так, чтоб он загружался и выполнялся раньше всех остальных подключенных скриптов.

Answer 2

[Игорь]

Может есть какой-то параметр в nuxt.config.js для этого?

Конечно есть

nuxt.config.js

module.exports = {
  mode: 'spa',
  ...
}

Comments

[Артем Кондрацкий]

а в ssr никак нельзя спрятать это json?