Как добавить заголовок и скрипт на шаблон vue с помощью nuxtjs

Question

я хочу добавить title, description и другие html meta для SEO.

как я могу это сделать в vue шаблоне?

например я хочу добавить meta к своему template.vue.

, по какой-то причине мне нужно добавить скрипт также для этого шаблона.

мой код такой:

head: {
  title: 'my title',
  script: [
     { src: '/js/theme.js', defer: true }
  ]
},

приведенный выше код является ошибкой.

если я использую команду return следующим образом:

head () {
    return {
      title: this.title,
      meta: [
        { hid: 'description', name: 'description', content: 'My custom description' }
      ],
      script: [
         { src: '/js/theme.js', defer: true }
      ]
    }
}

meta будет работать, но скрипт не будет отображаться.

как я уже сказал, я не могу поставить скрипт на nuxt-config.js, не знаю почему, но страница выдаст ошибку.

Answer 1

проверьте это изображение, надеюсь, оно поможет вашей проблеме