Vue2 app built locally and deployed as files doesn't read VUE_APP_xxx environment valuable on the cloudflare pages

I have a Vue2 app which read the environment valuable from process.env and write to the console as follows:

console.log(“VUE_APP_keroKero”, process.env.VUE_APP_keroKero)

On local server with .env.development file, it can read process.env.VUE_APP_keroKero and write it to console as expected.

I edited the environment valuables of my project, and added VUE_APP_keroKero as follows:

スクリーンショット 2024-02-16 19.21.28

Then, I built this app on my Mac and deployed to the Cloudflare pages, but on the console, the VUE_APP_keroKero is shown as undefined.

How can I read VUE_APP_xx environment valuable from my Vue2 app built locally and deployed as files? Any suggestions are welcome!