如何将 Laravel 和 Vue js SPA 应用程序部署到 Live Server？答案

【问题标题】：How to deploy Laravel and Vue js SPA application to Live Server?如何将 Laravel 和 Vue js SPA 应用程序部署到 Live Server？
【发布时间】：2020-09-12 13:48:03
【问题描述】：

查看 laravel.log 后，我收到两个错误。

[2020-05-25 01:47:22] local.ERROR: The resource owner or authorization server denied the request.
{"exception":"[object (League\\OAuth2\\Server\\Exception\\OAuthServerException(code: 9)

(InvalidArgumentException(code: 0): The JWT string must have two dots at
/Applications/XAMPP/xamppfiles/htdocs/highrjobsadminlte/vendor/lcobucci/jwt/src/Parser.php:95)

我认为第一个错误可能与我创建的令牌已过期有关，但我更改了令牌，但仍然收到此错误。我尝试用谷歌搜索这些错误，但我不知道如何解决。

是否有人部署了 Laravel、Vue js 和 Laravel Passport SPA，并在部署到 Live Hosting Server 时遇到了这些问题？

【问题讨论】：

你在部署之前是否使用npm run build 构建了你的 vue 应用程序？
不，我没有。所以我只是运行该命令然后上传我的文件？如果我已经上传了所有文件并且不想删除并再次上传所有文件怎么办。有什么我可以做的吗？
是的，在将您的 spa 构建为缩小的 js 文件后，您将再次将整个项目上传到您的服务器，否则您只能上传运行命令后生成或更改的文件
只有css、sass（如果有的话）和js文件吗？
I basically deployed this in the same way I did, previous Laravel and .blade apps - 这并没有告诉我们任何事情，你做了什么？ installing Laravel 不仅仅是通过 FTP 上传文件。设置目录权限是一个典型的问题。检查您的 Web 服务器、PHP 和 Laravel 日志，它们都会为您提供有关正在发生的事情的线索。

标签： laravel vue.js single-page-application

【解决方案1】：

在部署前执行npm run build。然后在你的 nginx/apache2 配置中设置根目录为dist/index.html。

【讨论】：

好的，抱歉 Laravel 和 Vue 项目中的 dist 文件夹在哪里？
请稍等。您是在 Vue CLI 中使用 Vue.js 还是在刀片模板中使用？
Vue CLI、Vue-Router、Vuex 和 Laravel。
不错。你的目录结构有 laravel 和 vue 文件夹到同一个目录吗？如果是，则将其本地化为 Project Folder -> vue -> dist -> index.html
我想我只是不小心删除了那个 vue 文件夹，认为这是一个错误，因为它包含该文件夹之外的所有文件和文件夹，所以它看起来像重复的文件和文件夹。有没有我可以运行的命令来取回那个 vue 文件夹？我所有的 Vue 组件都在 resources/js/components 和 resources/js/views 中，用于基于视图的组件。