使用Cloudflare Workers部署nuxt3并开启SSR模式
在Cloudflare Workers中部署nuxt3, 并实现服务端渲染SSR
安装wrangler
- npm
npm install wrangler --save-dev
- yarn
yarn add --dev wrangler
更多安装参见https://developers.cloudflare.com/workers/wrangler/install-and-update/
登录cloudflare
npx wrangler login
按照提示完成授权
配置wrangler
在nuxt3项目的根目录下(package.json同级目录)创建wrangler.toml
name = "playground" # 将显示在Cloudflare Workers中的项目名称
main = "./.output/server/index.mjs"
workers_dev = true
compatibility_date = "2022-09-10"
account_id = "<the account_id you obtained (optional)>" # npx wrangler whoiam命令可查看account_id
route = "<mainly useful when you want to setup custom domains (optional too)>" # 可选的,如果不需要请删除该项
[site]
bucket = ".output/public"
打包项目
NITRO_PRESET=cloudflare yarn build
本地预览项目
# If you have a 'wrangler.toml' like above:
wrangler dev
# If you don't have a 'wrangler.toml':
wrangler dev .output/server/index.mjs --site .output/public
部署到cloudflare
npx wrangler deploy