vue.js - TypeError [ERR_HTTP_INVALID_HEADER_VALUE]：Nuxt.js CI / CD 中标头“x-api-key”错误的无效值“未定义”

Question

我在 SSR 模式下使用 Nuxt.js 并尝试使用 CircleCI 部署到 FirebaseHosting。.circleci/config.yml 如下。

此时，您在运行 name:build 的作业时遇到 TypeError [ERR_HTTP_INVALID_HEADER_VALUE]: Invalid value "undefined" for header "x-api-key" 错误在 yarn generate 中。

version: 2
jobs:
  deploy:
    docker:
      - image: circleci/node:12.11.0
    working_directory: ~/repo
    steps:
      - checkout
      - run:
          name: setup credential
          command: echo $CREDENTIAL_ENV | base64 --decode > .env
      - restore_cache:
          keys:
            - v1-dependencies-{{ checksum "package.json" }}
            - v1-dependencies-
      - run: yarn install
      - save_cache:
          paths:
            - node_modules
          key: v1-dependencies-{{ checksum "package.json" }}
      - run:
          name: build
          command: yarn build && yarn generate
      - run:
          name: deploy to Firebase Hosting
          command: ./node_modules/.bin/firebase deploy --token=$FIREBASE_TOKEN

workflows:
  version: 2
  deploy:
    jobs:
      - deploy

虽然不在 config.yml 中，但是在 nuxt.config.js 中创建站点地图和提要，我们在请求头中使用“x-api-key”来请求和生成 api。我知道这可能会导致错误，但如果我在本地 PC (mac) 上运行完全相同的代码，它就可以正常工作。

如果你能给我任何信息，那就太好了，即使我有一些要理解的东西。

【环境】
node版本为v12.10.0。
“nuxt”：“^2.0.0”

标签： vue.jsnuxt.jscircleci