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

Question

我是Vue.js的新手，我用终端开发了一个Vue.js应用程序，现在，我构建了它，并将它放在java应用程序上。如果我按原样跑的话，它就能正常工作。

但我需要将csrftoken传递给Vue.js。为此，我通过静态设置Vue.prototype.$csrfToken = '*************************';开始工作。现在，它应该是动态的，必须来自java响应会话。

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

这不管用。如何做到这一点？

Answer 1

我想问题是你的环境。下面是查找错误的核对表：

• 确保javascript代码var token = '****'在html源代码中(缓存或bug可能会妨碍)
• 显然，检查在token初始化或Vue.prototype修改过程中是否没有出现错误。
• 检查全局变量初始化后是否调用了Vue.prototype.$csrfToken = token;：在设置全局变量之前，可能会包含带有Vue的脚本。

我应该补充一点，您使用的模式是不受鼓励的:参见正式的Vue文档关于实例属性的用法