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
相关产品推荐
相关产品推荐

