首页Nuxt2中怎么在<head></head>中插入请求的脚本

Nuxt2中怎么在<head></head>中插入请求的脚本

时间: 2024-06-02 19:02:16 浏览: 146

在 Nuxt2 中，你可以使用 `head` 方法来定义每个页面的头部标签。你可以在 `head` 方法中添加一个 `script` 标签来请求你需要的脚本。例如，如果你想在头部添加一个来自于 CDN 的 jQuery 脚本，你可以在页面组件中这样写： ```javascript export default { head() { return { script: [ { src: "https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js" } ] }; } }; ``` 这将在页面头部添加一个 `script` 标签，其中 `src` 属性指向了 jQuery 的 CDN 地址。你也可以在 `script` 标签中添加其他属性或子元素。如果你需要在多个页面中使用相同的头部标签，你可以在 Nuxt 配置文件中定义一个全局的 `head` 属性： ```javascript // nuxt.config.js export default { head: { script: [ { src: "https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js" } ] } }; ``` 这样，所有页面都会自动包含这个 `script` 标签。如果你需要在某个页面中禁用这个标签，可以在页面组件中覆盖这个属性。

阅读全文