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

Posted 2023-02-16

【中文标题】将 Vue js 前端和 laravel 后端（api 路由）托管到共享服务器？

【英文标题】：Hosting a Vue js frontend and laravel backend(api routes) to a shared server?

【发布时间】：2019-12-09 20:09:42

【问题描述】：

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

我将 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', '.*');
?>

【参考方案1】：

首先，你应该将 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__; );

希望这能解决您的问题。

【参考方案2】：

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