When I deployed Vue to Heroku l followed the steps below, and it told me "method not allowed"

1. Create a static.json file.

   {
     "root": "dist",
     "clean_urls": true,
     "routes": {
       "/**": "index.html"
     }
   }
   

2. Add static.json file to git.

   git add static.json
   git commit -m "add static configuration"
   

3. Deploy to Heroku.

   heroku login
   heroku create
   heroku buildpacks:add heroku/nodejs
   heroku buildpacks:add https://github.com/heroku/heroku-buildpack-static
   git push heroku master
   

In step 3. I changed "https://github.com/heroku/heroku-buildpack-static" this buildpacks to "heroku-community/nginx", because it said it's currently not maintaining now. Then when I open it, "method not allowed" is all I have got.