[BUG] 客户端无法正常获取传入的环境变量 #33

Closed
opened 2025-09-27 13:59:41 +08:00 by remilia · 2 comments
Owner

问题概述/Summary

客户端无法正常获取传入的环境变量

重现步骤/Steps to Reproduce

执行构建版本,通过NUXT_PUBLIC_STRAPI_URL=<CMS_URL>传入后端CMS的地址,通过前端地址访问站点,查看首页是否正确渲染

预期结果/Expected Behavior

首页正确渲染

实际结果/Actual Behavior

首页无法正确渲染

环境信息/Environment

No response

检查表/Checklist

  • 已搜索过类似问题,确保不是重复报告
  • 提供了足够的信息以帮助我们理解和重现问题
  • 如果可能,已附上相关截图或日志文件
### 问题概述/Summary 客户端无法正常获取传入的环境变量 ### 重现步骤/Steps to Reproduce 执行构建版本,通过NUXT_PUBLIC_STRAPI_URL=<CMS_URL>传入后端CMS的地址,通过前端地址访问站点,查看首页是否正确渲染 ### 预期结果/Expected Behavior 首页正确渲染 ### 实际结果/Actual Behavior 首页无法正确渲染 ### 环境信息/Environment _No response_ ### 检查表/Checklist - [x] 已搜索过类似问题,确保不是重复报告 - [x] 提供了足够的信息以帮助我们理解和重现问题 - [x] 如果可能,已附上相关截图或日志文件
remilia added the
Kind/Bug
label 2025-09-27 13:59:41 +08:00
Author
Owner

Nuxt的预渲染机制会导致项目在构建时预先完成静态网页的渲染,此时runtimeConfig会被直接写入静态页面中,导致客户端页面无法正常获取传入的环境变量。
目前的项目为客户端从后端获取资源并与前端通信,如果改成服务端渲染SSR,则可能避免这个问题

Nuxt的预渲染机制会导致项目在构建时预先完成静态网页的渲染,此时runtimeConfig会被直接写入静态页面中,导致客户端页面无法正常获取传入的环境变量。 目前的项目为客户端从后端获取资源并与前端通信,如果改成服务端渲染`SSR`,则可能避免这个问题
remilia changed title from [BUG] 前端无法正常获取传入的环境变量 to [BUG] 客户端无法正常获取传入的环境变量 2025-09-27 14:11:36 +08:00
Author
Owner

考虑暂时禁用预渲染,并准备将客户端渲染改为服务端渲染

考虑暂时禁用预渲染,并准备将客户端渲染改为服务端渲染
remilia reopened this issue 2025-09-27 16:34:51 +08:00
Sign in to join this conversation.
No description provided.