Nuxt3 SSR模式下首页加载报URL构造错误求助
问题:Nuxt SSR首页在AWS ECS部署后浏览器初始化报错
目标
在nuxt.config.ts中配置SSR,在AWS ECS的Docker容器中运行项目,实现首页无错误正常展示。
问题现象
服务端渲染(SSR)在服务端运行无报错,但浏览器端渲染时触发初始化错误。
错误信息
Chrome控制台报错
D_SOvFxl.js:19 [nuxt] error caught during app initialization Bg: Failed to construct 'URL': Invalid URL
Safari控制台报错
Error: "//" cannot be parsed as a URL.
排查与尝试操作
- 访问首页(
https://example.com)或浏览器首次加载时触发错误; - 其他页面可正常展示,且能从其他页面正常跳转至首页;
- 注释
/pages/index.vue代码部署后,问题未解决; - 注释
/app.vue代码部署后,问题仍存在; - 升级NuxtJS版本(3.13.1 → 3.15.1),问题未解决;
- 删除yarn依赖并重新生成,问题仍存在;
- 更换浏览器(Chrome、Safari),问题仍存在;
- 在首页URL末尾添加“//”可正常访问:异常访问地址
https://example.com,正常访问地址https://example.com//。
临时方案(非期望)
修改nuxt.config.ts为首页禁用SSR后可正常访问,但希望实现首页SSR渲染。
部署环境
- 项目配置文件:
package.json、nuxt.config.ts、Dockerfile、环境变量文件 - AWS部署架构:CloudFront → ALB → ECS FARGATE,CloudFront仅缓存
_nuxt资源
内容的提问来源于stack exchange,提问作者Buakaw
相关产品推荐
相关产品推荐

