vue.js - 在 nuxt.js 中添加 cdn 样式表和 javascript

标签 vue.js nuxt.js

嗨,我无法将 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' }
    ]
  },

最佳答案

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

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

关于vue.js - 在 nuxt.js 中添加 cdn 样式表和 javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51852125/

相关文章:

javascript - Nuxt.js:方法中的迭代会导致问题

javascript - 如何将 vue-carousel 的箭头更改为 base64 图像

javascript - 为什么我无法在 Nuxt 3 中从此 API 获取并显示数据?

javascript - Vue.js 无法使用 querySelector 找到元素

javascript - 未定义的组件如何在 Vue.js 中工作 - Vue.js + Pug

javascript - Firebase 和 VueJS : Uncaught (in promise) DOMException: Blocked a frame with origin "http://localhost:3000"

javascript - 在 nuxtServerInit 操作中使用 axios 进行 http 调用

vue.js - 如果单元格不可见,则以编程方式打开行的编辑模式。 Ag 网格,Vue.js

javascript - vuejs 如果/否则 : check if element exsists else add a element