Ich habe ein SPA mit NextJs, das ein Kontaktformular an ein Google Sheet sendet. Das Formular funktioniert lokal einwandfrei, aber in der Produktion erhalte ich einen 500-Fehler. In meiner .env-Datei habe ich Folgendes:

NEXT_PUBLIC_GOOGLE_CLIENT_EMAIL=
NEXT_PUBLIC_GOOGLE_PRIVATE_KEY=
NEXT_PUBLIC_GOOGLE_SHEET_ID=

Ich habe tatsächlich Geheimnisse in meiner .env.local Akte,

Das ist meine submit.jsDatei

import { google } from 'googleapis'
require('dotenv-flow').config()

export default async function handler(req, res) {
  if (req.method !== 'POST') {
    return res.status(405).send('Only POST requests are allowed!')
  }
// log to see the secret which are visible in local  
  console.log('process.env', process.env)
 console.log(
      'email process with error ',
      process.env.NEXT_PUBLIC_GOOGLE_CLIENT_EMAIL
    )
  const body = req.body

  try {
    const auth = new google.auth.GoogleAuth({
      credentials: {
        client_email: process.env.NEXT_PUBLIC_GOOGLE_CLIENT_EMAIL,
        private_key: process.env.NEXT_PUBLIC_GOOGLE_PRIVATE_KEY?.replace(
          /\n/g,
          '\n'
        ),
      },
      scopes: [
        'https://www.googleapis.com/auth/drive',
        'https://www.googleapis.com/auth/drive.file',
        'https://www.googleapis.com/auth/spreadsheets',
      ],
    })
    const sheets = google.sheets({
      auth,
      version: 'v4',
    })

    const submittedAt = new Date().toUTCString()

    const response = await sheets.spreadsheets.values.append({
      spreadsheetId: process.env.NEXT_PUBLIC_GOOGLE_SHEET_ID,
      range: 'A1:F1',
      valueInputOption: 'USER_ENTERED',
      requestBody: {
        values: [
          [
            body.name,
            body.company,
            body.product,
            body.email,
            body.phone,
            submittedAt,
          ],
        ],
      },
    })

   
    return res.status(201).json({
      data: response.data,
    })
  } catch (error) {
    console.log(
      'email process with error ',
      process.env.NEXT_PUBLIC_GOOGLE_CLIENT_EMAIL
    )
// the log fo r this error is down below
    console.log('error.code', error)
    return res.status(error.code).send({ message: error.message })
  }
}

error.code 错误：传入的 JSON 对象不包含 client_email 字段 error.code 错误：传入的 JSON 对象不包含 client_email 字段

Ps, das Geheimnis wird über AWS eingeschleust und ist in Cloud-Überwachungsprotokollen sichtbar.

Frage 1: Muss ich diese Geheimnisse in meine Docker-Datei aufnehmen?

Frage 2: Hängt es mit CSP zusammen? (Noch nicht implementiert)

** Update Ich habe versucht, den Schlüssel in der Docker-Datei festzulegen, aber es funktioniert nicht Ich habe auch versucht, CSP mit Klassenkomponente zu _document.js/ hinzuzufügen oder die nächste Konfiguration hinzuzufügen, aber es hat nicht gut funktioniert

** Update In der Produktions-/Entwicklungsumgebung kann ich die Werte nicht lesen, obwohl sie aus dem Tresor eingefügt werden