如何利用index.html / index.jsp上定义的Javascript变量到Vue.js？

Question

我是Vue.js的新手，我使用终端开发了一个Vue.js应用程序，现在，我构建它并将其放在java Web应用程序上。如果我按原样运行，那么它的工作正常。

  

但我需要将csrftoken传递给Vue.js.为此，我开始静态设置public bool CreateRole(string rolename) { var result = _roleManager.Create(new IdentityRole(rolename)); return result.Succeeded; } 。现在，它应该是动态的，必须来自java响应会话。

我尝试在索引页面中定义一个全局变量，如 - Vue.prototype.$csrfToken = '*************************';，并在Vue.js文件中分配此变量，如：var token = '<%= request.getSession().getAttribute("token") %>';。

这不起作用。怎么做到这样？

Answer 1

我想，问题在于您的环境。这是一个查找错误的清单：

• 确保javascript代码var token = '****'在您的html源代码中（缓存或错误可能会妨碍）
• 显然，检查token初始化或Vue.prototype修改期间是否发生错误
• 检查全局变量初始化后是否调用Vue.prototype.$csrfToken = token;：在设置全局变量之前，可能会包含带Vue的脚本。

我应该补充一点，不鼓励您使用的模式：请参阅关于实例属性使用的官方Vue docs