请叫我一米

永远有多远，或许只有一米的距离.

CloudFlare 部署 Angular 17

2023/12/19 09:07 No comments 988 views

CloudFlare 支持部署 Angular 17，但是需要稍微做一点调整。

使用 CloudFlare 命令行创建 Angular 17 工程后，需要将 package.json 中的命令

"start": "npm run pages:build && wrangler pages dev dist/cloudflare
改为： 
"start": "npm run pages:build && wrangler pages dev dist/browser
angular.json 中需要将 outputPath 从： 
"outputPath": "dist/(项目名称)",
修改为： 
"outputPath": "dist",
cloudflare 新建 pages 项目，build 命令处设置为： 
Build output directory:/dist/browser

这个 /dist/browser 请几个地方保持一致，就可以正常的访问了。

这么一设置之后，部署之后 functions 也可以正常访问，前端页面也可以正常访问，本地开发的 functions 也可以正常访问，只是还不能启动 ng serve 然后 wrangler pages dev 来开发。需要 ng build 之后，wrangler pages dev 来开发，但是不需要重新跑 wrangler pages dev。