首页 > 解决方案 > 当我部署到服务器时,Laravel 项目中的 vue 组件没有更新

问题描述

我正在使用 vuejs 和 Laravel 开发项目。在我的笔记本电脑上一切正常,当我第一次将代码上传到服务器(Digital Ocean)时。

否则,当我更新文件夹中的一些 Vue 组件resources/components并再次将其上传到服务器时。当我刷新浏览器时,似乎组件没有在服务器上更新。

我在 \webpack.mix.js 中的代码是

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css');

if (mix.inProduction()) {
    mix.version();
}

我也尝试在服务器上运行npm run devnpm run prod在我推送 nw 代码后在服务器上运行。它不起作用。

我也尝试清除浏览器缓存并再次重新加载 url,它也不起作用。

请给我一个建议,我该怎么做。

问候。

标签: laravelvue.jsnpm

解决方案


在共享主机上上传 laravel/vuejs 项目并不是一个好主意。虽然做这样的过程可以挽救你的生命。

  1. 运行 php artisan 服务视图:清除
  2. 在本地文件中进行更改,然后 npm run watch。
  3. 将所有更改上传到服务器后,请始终替换 public/css/app.css 和 public/js/app.js 文件。

推荐阅读