Blank page after successful Vercel deployment

[vinhkoi]

Summary

After I successfully deloy the website, when accessing it via https://laravel-vuejs.vercel.app/ it was an empty website with nothing even though locally it worked fine.I use laravel and vuejs to connect frontend and backend using inertia

Example

https://laravel-vuejs.vercel.app/

Steps to Reproduce

Here is my project github link: https://github.com/vinhkoi/laravel-vuejs/tree/test
I hope someone can help me solve this problem, I tried ngrok and got the same error when accessing from another device.
I checked the build log and there were no errors reported

[pawlean]

Hi @vinhkoi!

Apologises, I wasn't sure what you mean here. Are you trying to delete your app?

[vinhkoi]

Thank you for your reply I tried to check,this is my configuration.Do you need any more information?

[QuiiBz]

Thanks for sharing more details. Looking at your screenshots, my assumption was correct: your JavaScript and CSS assets are available in the assets folder, but your HTML targets build/assets. You should be able to fix it by updating the "Output directory" to be public instead of public/build.

[vinhkoi]

Thank you for your help, I tried changing the output directory but I still get the same result @@ can you take a look at my github maybe I chose the wrong directory?
https://github.com/vinhkoi/laravel-vuejs/tree/test

[QuiiBz]

Could you try to add a new property in the routes configuration of your vercel.json?

{
  "src": "/build/(.*)",
  "dest": "/build/$1"
},

[vinhkoi]

Thank you very much I got it running, it finally displays the content even though the interface is broken but it finally works

Can I ask a little more? If the interface is broken, is it possible that the css file was not imported correctly?

[github-actions[bot]]

This discussion was automatically locked because the community moved to a new site. Please join us at vercel.community