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

Question

我用 vue js 作为前端库和 laravel 作为后端框架构建了一个单页 web 应用程序。现在是将它托管在共享托管服务上的时候了，但还没有找到任何明确的步骤来说明如何使用编程的加载的 Api 路由成功地做到这一点。

我将laravel公共文件夹的内容和vue js的构建文件复制到共享主机中的public_html文件夹中。然后它在没有来自后端的数据的情况下加载前端。我是否应该为后端和前端使用两个单独的 IP 地址，或者是否可以使用相同的共享托管存储来部署我的 Vue js 前端和 Laravel 后端（api 路由）。

//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

实际上问题出在我的域上。我使用我的临时网页 url 进行托管过程。注册我的域名后，一切正常。谢谢！

Answer 2

首先，您应该将 Laravel 项目分离到 2 个文件夹将 public 重命名为 public_html，复制并覆盖到共享主机 public_html 文件夹创建一个名为 'laravel' 的新文件夹，将其余项目数据复制到其中并使用 FTP 进入托管，其中与您的 public_html 路径相同。例如：/var/www/laravel/ , /var/www/public_html/在 public_html 中编辑 index.php$app = require_once DIR.’/../bootstrap/app.php’;到 $app = require_once DIR.’/../laravel/bootstrap/app.php’;对于laravel 5，添加以下内容：$app->bind('path.public', function() {return __DIR__;});希望这能解决您的问题。