How to host VUE js based project in free hosting

Website URL

http://proma-app.rf.gd/

Error Message

No error message. blank page

Other Information

I am using laravel 11 and Vue js with Vite support. my Laravel is running but npm is not running that is why I am getting a blank page as I am assuming.

I run npm build and uploaded those build files to the public. but still, nothing happened. also do not know how to use that. can you tell me step by step host the Laravel Vue JS project using Vite in your hosting?

Website URL

http://proma-app.rf.gd

Error Message

http://proma-app.rf.gd/resources/js/Pages/Welcome.vue net::ERR_ABORTED 404 (Not Found)
not finding the resources folder. that exists.

Other Information

I am getting 404 error on my site. where the resources folder is not reachable. My Laravel code is running but Vue js code is not running. I have run npm build and uploaded the build files to a public folder. but still the same issue. I do not now how to run Laravel Vue JS-based project in here using VITE. help me to step by step guide.

Check there image where you can find resources/js/app.js file

image

Help me please.

Community Guides Hosting Support
#laravel Hosting Support #vuejs Websites and PHP System Issues

it looks like Welcome.vue is missing ?

are the .js files trying to run on the server ? infinityfree only supports php server side

1 Like

ok there seems to be an issue posssibly some url rewrite rule in .htaccess ?

everything seems to be linked to

http://proma-app.rf.gd/public/ but this /public directory does not seem to contain the resources directory

1 Like

The resources/js/app.js is the raw, unprocessed source code. For basically every front-end framework, you need to run some kind of compilation step to turn the source code into Javascript that can be used in browsers.

With Laravel, that would usually involve running the command npm run build in your project folder. Because you can’t run that command on our hosting, you will have to run it on your own computer, and uploaded the files generates in the public folder to your hosting account with us.

2 Likes

No that was not. but when i deleted the old build folder and again updated the new build files then it start working.

Issue Fixed. free hsoting me backchodi di ki sima chud gai hai.

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.