【问题标题】:Vue components not working on live serverVue 组件无法在实时服务器上运行
【发布时间】:2018-08-21 23:13:29
【问题描述】:

当我在实时服务器上上传我的项目时,我的组件没有被渲染。在我运行npm run production 后,它在我的本地机器上运行良好,当我上传更改时,页面中没有加载任何 vue 组件。在我的本地机器上,vuejs 开发工具告诉我该站点正在生产中运行,但是当我在控制台中转到实时服务器时,它说

您正在开发模式下运行 Vue。

在浏览器任务栏上显示

未检测到 Vue.js

我不知道如何解决它。我看到一个帖子说我应该将 node_modules 文件夹上传到实时服务器。但我怀疑这会改变任何事情,而且会花费太长时间。 我该如何解决这个问题?

【问题讨论】:

  • 你能分享直播网站的链接吗?如果没有,我认为可能需要更多信息。如果您的本地站点和远程站点不同,则意味着它尚未完全/正确/根本上传。你能验证吗?
  • 请注意,虽然您的组件不工作,但听起来 Vue 根本不工作。在浏览器中使用开发者工具,你能检查一下 javascript 是否被拉入,是你期望的版本吗?
  • @Kurucu 是的,javascript 已加载,我可以验证我已将所有文件上传到服务器
  • @Kurucu 我不能给你一个网站的链接,因为你需要登录才能使用使用 vue 的页面
  • 您是如何设置本地开发环境的?比较常见的是npm run build和上传dist/目录;我还没有看到使用npm run production 的构建脚本,尽管我确定有些东西使用它...您几乎肯定要上传您的 node_modules 文件夹,但除此之外,您还需要在此处提供有关您如何进行设置的更多信息

标签: laravel vue.js server


【解决方案1】:

我发现服务器正在加载 js 文件的旧副本。所以我不得不通过在文件末尾添加一个幻象查询来应用缓存破坏。 <script type="text/javascript" src="/js/app.js?v=2.4.1"></script>

【讨论】:

    猜你喜欢
    • 2014-03-27
    • 1970-01-01
    • 2017-08-11
    • 2016-12-04
    • 1970-01-01
    • 1970-01-01
    • 2021-07-21
    • 2015-11-03
    • 2017-04-27
    相关资源
    最近更新 更多