Question

嗨，我无法将fontawesome添加到我的nuxt应用程序中，我尝试将其添加到nuxt.config.js中，但它似乎仍然无法正常工作。

head: {
    title: pkg.name,
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: pkg.description }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/leap-icon.ico' },
      { rel: 'stylesheet', ref: 'https://use.fontawesome.com/releases/v5.2.0/css/all.css' }
    ]
  },

Answer 1

下面是在nuxt中实现外部资源的正确方法。

link: [{ rel:"stylesheet", type:"text/css", href:'http://www.example.com/assets/lib/bootstrap/css/bootstrap.min.css' }]

Answer 2

我认为只需将type更改为href就可以解决。例如

  { rel: 'stylesheet', href: 'https://use.fontawesome.com/releases/v5.2.0/css/all.css' }

Answer 3

请提供一个无效的示例。我试图将此CSS添加到我的应用中，但我没有任何问题（当然，您需要使用“ href”而不是“ ref”）。

在nuxt.js中添加CDN样式表和JavaScript

3 个答案: