nuxt2构建文件放在nuxt.config.js,使用cjs语法,暴露配置对象
基本配置项
mode
有spa和universal两种模式。spa没有使用到服务器渲染,但是使用路由。universal使用服务器渲染加客户端路由
mode:'universal'
head
配置html的<head></head>内容
head: {
titleTemplate: '%s - Nuxt.js',
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: 'Meta description' }
]
}
loading
页面加载时渲染的组件
css
加载全局使用到的样式文件
module
配置全局使用的模块
modules: [
'nuxt-buefy',
['nuxt-buefy', { css: false, materialDesignIcons: false }],
'@nuxtjs/router',
'@nuxtjs/axios',
'@nuxtjs/style-resources',
'cookie-universal-nuxt'
],
plugins
配置全局使用的插件
plugins: [
'@/plugins/hostProperty',
'@/plugins/api',
],
plugins和module区别
plugins针对于Vuejs,module属于第三方库针对于Nuxt
axios
nuxt内置axios
axios: {
proxy: true, // 是否使用代理
credentials: true
},
proxy
配置代理,和Vite Webpack类似
build
打包配置,基于webpack,内容与webpack相近
标签:文件,axios,Nuxt2,universal,配置,使用,构建,plugins,nuxt From: https://www.cnblogs.com/karle/p/17972075