能否实现只在需要的地方包含一个脚本，而不是在nuxt.config.js中实现？

Question

我正在使用Razorpay作为我的支付服务。除了结账页面，没有其他页面使用它。我在nuxt.config.js文件中包含了它。在nuxtjs中，是否可以只在需要的地方使用脚本，而不是在所有页面中。(我的灯塔分数因为这个而降低了)

Answer 1

是的，这是可能的。你可以使用 本地设置 将您的资源纳入您的 .vue 内的文件 pages/ 目录（这里是头部函数）。

<template>
  <h1>About page with jQuery and Roboto font</h1>
</template>

<script>
export default {
  head () {
    return {
      script: [
        { src: 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js' }
      ],
      link: [
        { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=Roboto&display=swap' }
      ]
    }
  }
}
</script>

<style scoped>
h1 {
  font-family: Roboto, sans-serif;
}
</style>

这里，这个 jQuery js文件和 Roboto font css将只包含在这个页面，而不是所有的页面。