如何使用 Heroku 部署 Laravel + Vue 项目

Question

我在 Heroku 上部署了一个使用 Vue 组件的 Laravel 项目，但这些组件的内容没有出现在应用程序的网页上。仅呈现 .blade.php 文件的内容。

那么，如何使用 Heroku 正确部署 Laravel 和 Vue 项目？

我的应用程序的 Procfile：

web: vendor/bin/heroku-php-apache2 public/

我尝试向测功机添加一些额外的命令，例如 web: npm run watch & vendor/bin/heroku-php-apache2 public/ 和 web: npm install vendor/bin/heroku-php-apache2 public/，但我没有运气。

不，我的应用程序使用 npm run watch 和 php artisan serve 命令在本地运行得非常好，没有任何问题。

Answer 1

首先需要开启node.js：

heroku buildpacks:add heroku/nodejs

设置：

heroku config:set NPM_CONFIG_PRODUCTION=false

然后在 package.json 脚本中添加 postinstall：

  "scripts": {
    "postinstall": "npm run prod"
  }

您还可以清除部署到 heroku 的 laravel 应用程序的缓存。

完成这些步骤后，就可以运行节点命令了。

这是我使用的参考：https://www.neontsunami.com/posts/using-laravel-and-laravel-elixir-on-heroku