Nuxt Lang 属性配置

Posted

技术标签:

【中文标题】Nuxt Lang 属性配置【英文标题】:Nuxt Lang attribute config 【发布时间】:2021-06-27 20:17:53 【问题描述】:

尝试用 nuxt 指定我的语言,

结果很奇怪:

<html lang="en" data-n-head="%7B%22lang%22:%7B%22s-s-r%22:%22en%22%7D%7D"><head>

配置很简单,但不起作用:

 head: 
  title: 'test',
   htmlAttrs: 
 lang: 'it',

,

有什么想法吗?

【问题讨论】:

【参考方案1】:

您是否可能一起使用 Nuxt PWA 模块? 如果是这样,您还需要在 PWA 模块设置中配置语言设置。

pwa: 
  manifest: 
    lang: 'it',
  



【讨论】:

【参考方案2】:

根据这个answer 应该可以工作(手头没有 nuxt 可以尝试)。你导出正确吗,在nuxt.config.js,对吧?

module.exports = 
  head: 
    htmlAttrs:  lang: 'en' ,
    title: 'awesome title',
...

【讨论】:

我尝试了同样的问题 module.exports = head: title: 'test', htmlAttrs: lang: 'it', ,

以上是关于Nuxt Lang 属性配置的主要内容,如果未能解决你的问题,请参考以下文章

nuxt.config.js 中的条件属性

nuxt.js使用scss

使用 i18n 和 Nuxt 时设置语言属性?

Nuxt.js学习 --- Nuxt目录结构详解Nuxt常用配置项Nuxt路由配置和参数传递

Nuxt 中的 Tailwind PostCss 配置

如何让 postcss 配置与 Nuxt 一起使用?