托管Vue js前端和laravel后端（api路由）到共享服务器？

Question

I built a single page web app with vue js as the front-end library and laravel as the back-end framework. Its now time to host it on a shared hosting service and have not found any clear steps on how to do this successfully with the Api Routes of the loading as programmed.

I copied content of laravel public folder and build files of vue js to the public_html folder in shared hosting. Then it's loading the frontend without data from the backend. Should I have to use two separate ip addresses for backend and frontend or is it possible to use same shared hosting storage for deploy my Vue js frontend and laravel backend(api routes).

//index.php of laravel
<?php
require __DIR__.'/../jewelpack_app/vendor/autoload.php';
$app = require_once __DIR__.'/../jewelpack_app/bootstrap/app.php';
$kernel = $app->make(Illuminate\Contracts\Http\Kernel::class);
$response = $kernel->handle(
    $request = Illuminate\Http\Request::capture()
);
$response->send();
$kernel->terminate($request, $response);
?>

//web.php of laravel routes
<?php
Route::get('/{any}', function(){
   return view('index');//pointing to the index file of the frontend
})->where('any', '.*');
?>

Answer 1

First,You should separated laravel project to 2 folder

1. Rename public to public_html,copy and overwrite to shared hosting public_html folder
2. Create a new folder called 'laravel' , copy the rest project data to it and move into hosting using FTP where the same path with your public_html. ex:/var/www/laravel/ , /var/www/public_html/
3. Edit index.php in public_html

$app = require_once DIR.'/../bootstrap/app.php'; to $app = require_once DIR.'/../laravel/bootstrap/app.php';

For laravel 5 add this :

$app->bind('path.public', function() { return __DIR__; });

Hope this solve your problem.

Answer 2

Actually problem was with the my domain. I used my tempory webpage url for the hosting process. After I register my domain it all works fine. Thanks!