首页nuxt.config.js head link

nuxt.config.js head link

时间: 2023-11-10 11:05:21 浏览: 173

在 Nuxt.js 中，你可以通过修改 `nuxt.config.js` 文件来添加 `<link>` 元素到 HTML 的 `<head>` 部分。以下是一个示例： ```javascript export default { head: { link: [ // 添加一个外部 CSS 文件 { rel: 'stylesheet', href: 'https://example.com/styles.css' }, // 添加一个内部 CSS 块 { rel: 'stylesheet', href: '/path/to/local/styles.css' }, // 添加一个预加载的字体文件 { rel: 'preload', as: 'font', href: '/path/to/font.woff2', type: 'font/woff2', crossorigin: 'anonymous' }, // 添加一个 DNS 预解析链接 { rel: 'dns-prefetch', href: 'https://example.com' }, ], }, } ``` 这里的 `head` 对象中的 `link` 数组用于添加 `<link>` 元素。你可以根据需要添加多个链接，每个链接对象都需要包含 `rel` 属性指定关系类型，以及 `href` 属性指定链接地址。根据链接类型，你可以选择性地添加其他属性，例如 `as`、`type`、`crossorigin` 等。

阅读全文