部署到服务器时,Laravel项目中的Vue组件未更新

时间:2019-06-28 03:06:04

标签: laravel vue.js npm

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

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

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

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

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

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

我还尝试清除浏览器缓存并再次重新加载url,它也无法正常工作。

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

致谢。

1 个答案:

答案 0 :(得分:0)

在共享主机上上传laravel / vuejs项目不是一个好主意。尽管执行此过程可以挽救您的生命。

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