Javascript 从Nuxt配置文件服务资产
我发现了一个在线引导模板,我正试图将其作为nuxt项目的一部分进行调整。我已将所有引导文件放在静态文件夹中 在nuxt.config.js文件中: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' },
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' },
]