在 Nuxt.js 的 SPA 模式下 process.env 不可用答案

【问题标题】：process.env not available under SPA mode in Nuxt.js在 Nuxt.js 的 SPA 模式下 process.env 不可用
【发布时间】：2020-04-21 11:56:44
【问题描述】：

我将 ENV 参数放在单独的 env.json 中，并在 nuxt.config.js 中要求它，然后将内容提取到 nuxt.config.js 的 env 属性中。

在通用和静态模式下，效果很好。但是在 SPA 模式下，它会遇到一个带有消息的 TypeError：

无法读取未定义的属性“名称”

env.json:

{
  "site": {
    "name": "Site Name",
    "slogan": "Some Cool Line",
    "description": "..."
  }
}

nuxt.config.js：

const env = require('./env')

export default {
  mode: 'spa',

  env: {
    ...env
  },

  head: {
    titleTemplate: (page_title) => {
      return page_title
          ? page_title + ' | ' + process.env.site.name
          : process.env.site.name + ' - ' + process.env.site.slogan
    },

...

关于如何解决这个问题的任何火花？

【问题讨论】：

您找到解决方案了吗？

标签： javascript node.js vue.js nuxt.js

【解决方案1】：

我试图做类似的事情，这就是我所做的

env: {
  ...env
},

// Global page headers (https://go.nuxtjs.dev/config-head)
head: {
  // titleTemplate: '%s - nuxt-https',
  titleTemplate: (page_title) => {
    return this
      ? page_title + ' | ' + this.default.env.site.name // process.env.site.name
      : process.env.site.name + ' - ' + process.env.site.slogan
  },
  title: 'Initial Title',
  ...
},

【讨论】：