Javascript 从Nuxt配置文件服务资产

Javascript 从Nuxt配置文件服务资产,javascript,vue.js,nuxt.js,Javascript,Vue.js,Nuxt.js,我发现了一个在线引导模板,我正试图将其作为nuxt项目的一部分进行调整。我已将所有引导文件放在静态文件夹中 在nuxt.config.js文件中: module.exports = { /* ** Headers of the page */ head: { title: ' Bootstrap Responsive Website Template | Home :: w3layouts', meta: [ { charset: 'utf-8' },

我发现了一个在线引导模板,我正试图将其作为nuxt项目的一部分进行调整。我已将所有引导文件放在静态文件夹中

在nuxt.config.js文件中:

module.exports = {
  /*
  ** Headers of the page
  */
  head: {
    title: ' Bootstrap Responsive Website Template | Home :: w3layouts',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: 'Nuxt.js project' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
      { rel: 'stylesheet', type: 'text/css', href: '/static/css/style.css' },
      { rel: 'stylesheet', type: 'text/css', href: '/static/css/flexslider.css' },
      { rel: 'stylesheet', type: 'text/css', href: '/static/css/easy-responsive-tabs.css' },
      { rel: 'stylesheet', type: 'text/css', href: '/static/css/chocolat.css' },
      { rel: 'stylesheet', type: 'text/css', href: '/static/css/bootstrap.min.css' },
      { rel: 'stylesheet', type: 'text/css', href: '/static/css/font-awesome.min.css' },
    ]
  },
但是,路径错误,css不起作用。我怎样才能让它工作


CSS在Nuxt配置中有自己的属性。

CSS属性不在标题本身中,它有自己的点


请注意,在Nuxt中,静态文件夹的标准路径是简单的/如果不起作用,您也可以尝试@/Static/…

您应该删除“Static”。href:“/css/style.css”你的方式奏效了!谢谢你的回答。我实际上使用了上述评论中的方法。
header stuff....
css: [
  { '/css/style.css' },
  { '/css/flexslider.css' },
  { '/css/easy-responsive-tabs.css' },
  { '/css/chocolat.css' },
  { '/css/bootstrap.min.css' },
  { '/css/font-awesome.min.css' },
]