nuxt如何设置公共参数
时间: 2024-03-20 16:16:09 浏览: 125
nuxt引入组件和公共样式的操作
要设置公共参数,可以在 nuxt.config.js 文件中配置,如下所示:
```javascript
export default {
// ...
head: {
// 设置全局 meta 标签
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ name: 'keywords', content: 'nuxt.js, vue.js, ssr' },
{ hid: 'description', name: 'description', content: 'My awesome Nuxt.js project' }
]
},
router: {
// 设置全局路由参数
middleware: ['auth']
},
env: {
// 设置全局环境变量
API_URL: process.env.API_URL || 'http://localhost:3000'
},
// ...
}
```
在上面的代码中,我们通过 nuxt.config.js 文件的 head、router 和 env 属性设置了全局 meta 标签、路由参数和环境变量。这些配置项会在整个应用程序中生效,可以供所有组件和页面使用。
阅读全文