Laravel：对 vue js 组件的更改未在生产中显示

【问题标题】：Laravel: Changes to vue js components are not displayed in productionLaravel：对 vue js 组件的更改未在生产中显示
【发布时间】：2020-10-10 16:57:16
【问题描述】：

我正在使用 Laravel 和 Vue 开发一个应用程序。
我从本地对 vue 组件进行了一些更改，然后在运行 npm run production 命令后，我将其上传到生产环境中的网络服务器。

不幸的是，没有显示更改。如果我然后删除资源/js/ 中的组件文件夹，内容组件仍然显示...是缓存问题吗？我该如何解决这个问题？

【问题讨论】：

你的 gitignore 里有没有写 public/js 的东西？如果不是，@brokedid 的回答可能会有所帮助 =)

标签： laravel vue.js

【解决方案1】：

您可以尝试将Versioning 应用于 javascript 文件。

所以添加：

mix.version()

在 webpack.mix.js 文件的末尾，然后包含 JS 文件

{{ mix('js/my-js-file-name.js') }}

它应该在文件名的末尾添加一个版本字符串（之前：my-js-file-name.js，之后：my-js-file-name.js?v=12345），然后绕过 CDN/Webhosting-Provider 或其他可能介于两者之间的缓存的缓存。

【讨论】：