vue 组件不会在共享托管服务器上更新答案

【问题标题】：vue components doesn't update on shared hosting servervue 组件不会在共享托管服务器上更新
【发布时间】：2018-08-17 13:09:10
【问题描述】：

我遇到的问题是，当我部署我的 laravel 5.5/vuejs 应用程序时，我无法更新 vue 组件。在开发模式下我没有遇到这个问题，因为我运行“npm run watch”。但是在真实服务器上（000webhost.com 仅用于测试）我该如何执行此命令。我现在正在做的是编辑本地服务器中的组件，运行“npm run watch”，然后将这两个文件（/public/css/app.css）和（/public/js/app.js）上传到服务器。它可以工作，但是在清理浏览器缓存后不幸的是另一个问题。

“我正在使用 laravel 内置的 Vuejs”

共享主机是否适合托管包含 vue 组件或 nodejs 应用程序的应用程序？或者这种应用程序是否需要具有强大功能（如 forge 和 Digitalocean）的托管？

如果有解决这些问题的方法或提示，请帮助我。

【问题讨论】：

您是否在服务器上运行过npm run production？在本地机器上运行 watch 命令不会对服务器做任何事情。
我无法在服务器上运行 npm 命令，因为我只是在共享主机上并且没有 SSH 访问权限。我在本地机器上运行 npm 的意思是，在我在本地机器上运行“npm run prod”之后，我将编译后的 css 和 js 文件上传到服务器。
您仍然需要安装包依赖项，而不仅仅是编译。所以npm install。如果无法做到这一点，您可能需要从 .gitignore 文件中删除节点包，以便将其推送。不建议这样做，但这可能是您唯一的方法。

标签： laravel deployment vue.js laravel-5.5 laravel-mix

【解决方案1】：

我遇到了这个确切的问题

解决这个问题的方法是重命名位于 public/js 文件夹中的 app.js 文件，并确保编辑 public 文件夹中的 mix-manifest.json 文件并具有相同的名称。

例如：如果我们在 public/js 文件夹中将 app.js 重命名为 app1.js 在 mix-manifest.json 中，在上传到共享服务器之前应该进行如下编辑

{
"/js/app.js": "/js/app1.js",
"/css/app.css": "/css/app.css"
}

【讨论】：