Hosting Vue JS project, 'no input file specified' on reload

You need to redirect all HTTP traffic to the same index page so the at the Vue application can be started, and Vue Router take over routing. We can achieve this in Laravel by catching all URIs and returning the same view template which contains the Vue app - I don't know how to do the same thing in Quasar, or if you would need to configure your web server to redirect all traffic to the same index page.

For information, this is an example of a Laravel way:

Route::any('{any?}', function () {
    return view('index');
})->where('any', '.*');

The Vue Router docs show you some configuration options for different web servers to handle the redirection there.

Is there a way I can do this without a laravel project? I'm hosting it on Laravel Forge as a Static HTML project. I'm using quasar framework to generate the application. I don't see any way in Forge to configure anything that catches all URL's and points them to the index.html

Laravel Forge by default looks for index.php in the root directory, so you need to change it to look for index.html. You can edit the nginx config file yourself in forge, at the end of the "app" section there is a "files" button. You should replace:

location / {
    try_files $uri $uri/ /index.php?$query_string;
}

for the following:

location / {
    try_files $uri $uri/ /index.html;
}

I'm currently using this configuration and it's working. Let me know if it worked for you.

Thank you so much! Easy change, good fix!