You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Strapi后端可选哪些平台部署?搭配Nuxt前端部署后如何改配置?

问题1:Strapi能否部署到Netlify及免费部署平台说明

Netlify的核心能力是托管静态资源与无服务器函数,不支持常驻Node.js进程运行,而Strapi是需要持续运行的Node.js后端服务,因此无法直接将Strapi部署到Netlify。
目前可用的有免费额度的Strapi部署平台包括Render、Railway、Fly.io等,这类平台都支持部署常驻Node.js服务,部分免费计划会有实例休眠、流量限制等约束,适合开发测试场景使用。

问题2:Strapi部署后Nuxt端配置修改说明

分两种使用场景说明:

使用@nuxtjs/strapi模块的场景

你的理解是正确的,只需要将配置中strapi.url字段的http://localhost:1337替换为你部署后的Strapi公网访问根地址即可,不管你是部署在Heroku还是其他平台都通用。需要额外注意两点:

  • 如果你的Strapi部署后开启了HTTPS,需要将地址前缀的http改为https
  • 提前在Strapi的CORS配置中,添加你部署在Google App Engine的Nuxt站点域名,避免跨域请求被拦截
    示例配置:
modules: ['@nuxtjs/strapi'],
strapi: {
  entities: ['restaurants', 'categories'],
  url: 'https://你的-strapi-部署地址' // 替换为实际地址即可
},

继续使用Apollo的场景

同样你的理解正确,只需要将apollo.clientConfigs.default.httpEndpoint字段的http://localhost:1337/graphql替换为部署后的Strapi GraphQL端点即可,格式为<你的Strapi公网根地址>/graphql,同样注意协议匹配、CORS配置的问题。
示例配置:

apollo: {
  clientConfigs: {
    default: {
      httpEndpoint: 'https://你的-strapi-部署地址/graphql',
    },
  },
},

最佳实践建议:可以把Strapi地址配置到Nuxt的环境变量中,开发环境读取本地地址,生产环境读取部署后的地址,不需要每次发布手动修改代码。

内容的提问来源于stack exchange,提问作者Shubhang Chourasia

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.25 22:36:01