spring Vue js，缺少从HTML到相关JS的Map

wbrvyc0a 于 2022-10-30 发布在 Spring

关注(0)|答案(2)|浏览(105)

我的spring Boot 应用程序中缺少一些东西。我正在尝试按照官方Vue文档的最初步骤来创建尽可能简单的Vue应用程序。我所拥有的是当前的场景：

@Controller
public class TestController {

    @GetMapping("/home")
    public String index() {
        return "home";
    }
}

在Resource文件夹中，我创建了一个Template文件夹，其中我的home.html和home.js定义为：
第一个
问题是，当我尝试访问_home_路由时，显示的消息是
{{ message }}个
所以由于某种原因，js没有正确链接。你能帮帮我吗？

spring

来源：https://stackoverflow.com/questions/59493662/vue-js-missing-mapping-from-html-to-related-js

2条答案

按热度按时间

vwkv1x7d1#

当我在这个代码段中运行代码时，它看起来运行得很好：
第一个
你在开发工具控制台中看到任何错误了吗？另外，在你的js文件中添加一些日志，以确保它正在执行。

赞(0）回复(0）举报 2022-10-30

ubof19bj2#

您的home.html未正确配置为通过CDN使用Vue。虽然它确实通过CDN加载Vue，但它没有指定它需要加载home.js并设置Vue示例。
无需深入了解Sping Boot 提供资源的具体情况（例如home.js），因为它不是问题的根本原因，请更新home.html以嵌入脚本：

<!-- Note this is Vue 2 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<div id="app">{{ message }}</div>

<script>
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
});
</script>

请注意，如果您现在在浏览器中打开home.html，它将工作。因此，当Sping Boot 提供它时，它也将工作。

赞(0）回复(0）举报 2022-10-30

我来回答

spring Vue js，缺少从HTML到相关JS的Map

2条答案

相关问题

热门标签

最新问答