> >

用Wrangler部署调试Cloudflare Pages的项目

技术运维Astro

安装Wrangler并部署项目到Cloudflare

npm install -g wrangler
wrangler login
npm run build
npx wrangler pages deploy dist

在wrangler login的时候会自动打开浏览器，需要授权登录验证

部署完成后我们需要在本地做测试预览

在项目中添加wrangler

pnpm/yarn/npx add wrangler --save-dev

在package.sjon中把预览参数修改为

"preview": "wrangler pages dev ./dist"

astro的build的目录是./dist，所以这里写./dist，根据实际情况修改。

下载wrangler.toml到本地

npx wrangler pages download config [name]

最后用Wrangler运行开发模式，需要指定编译后的目录 dist，如果有错误会在本地显示

npx wrangler pages dev dist

需要说明的是，如果使用Astro Hybrid模式我们要指定和排除SS/SSR模式的目录，根据output参数自行配置，不做过多阐述

  adapter: cloudflare({
    routes: {
      extend: {
        // 仅匹配 `/[lang]/[collections]/[slug]` 路由启用 SSR
        include: [{ pattern: '/:lang/:collections/:slug' }],
        //exclude: [{ pattern: '/pagefind/*' }], // 将 '/pagefind/*' 路由静态化，避免 SSR
      }
    },
  }),

预览模式

yarn preview

参考链接：

Post Comment