如何在共享服务器上部署 Laravel-Vue 项目 (GoDaddy)

Question

这是我第一次开发Laravel Vue app 。 当我使用php artisan serve ，一切正常。 但是当我使用http://localhost/myProject/public加载它时，资产没有加载。 我的图像位于公共文件夹内的img目录中。 当我单独使用 Laravel 时，我使用刀片模板来解决这个问题。 但是现在我不能使用刀片，因为它是一个Vue组件。 如何在没有php artisan serve情况下运行项目？ 我的最终目标是将项目部署在 Godaddy 共享服务器中。 请帮我。

Answer 1

在本地机器上开发时，使用“php artisan serve”调试您的应用程序。

当您将其发布到 Godaddy 时，压缩项目文件夹（例如“my_project”）并将 zip 文件（“my_project.zip”）上传到 Godaddy 中的“public_html”目录。

解压文件夹。

现在目录结构将是“public_html/my_project...”

您将在“my_project”中有一个“public”目录。 现在创建一个指向“公共”目录的子域。

就是这样。 现在加载子域。 资产和 api 将完美地工作。

Answer 2

只需在www文件夹中运行git clone [your_project_address] ，然后运行'php artisan migrate'，当然你应该已经配置好了。

Answer 3

@ThasheelApps 这是您访问 api 的解决方案。

在root folder创建一个.htaccess文件并将以下代码粘贴到那里：

<IfModule mod_rewrite.c>
  Options +FollowSymLinks -Indexes
RewriteEngine On

RewriteCond %{HTTP:Authorization} .
RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]

RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.php [L]
</IfModule>

由于 url 中的index.php ，此问题多次发生。 如果您尝试包含index.php的api endpoint ，它将完美运行。 为了防止这个问题，我们需要遵循上面的htaccess

Answer 4

按着这些次序：

1. 在 npm run dev 和 php artisan serve 之后压缩你的项目，没有任何错误。
2. 转到您的共享托管位置并在 public_html 之外创建一个文件夹名称，例如 myproject。 在此文件夹中提取所有项目文件。
3. 从根上的项目文件夹中剪切您的公共文件夹，转到 public_html 下的子域文件夹并粘贴。
4. 转到公共文件夹中的 index.php 并需要DIR .'/../vendor/autoload.php'; 和 $app = require_once DIR .'/../bootstrap/app.php'; 指向您在 root 上的项目位置。

就这些。 享受，如果您已正确创建并附加您的数据库到您的项目。