如何將 index.html/index.jsp 上定義的 Javascript 變量用於 Vue.js？

Question

我是 Vue.js 的新手，我使用終端開發了一個 Vue.js 應用程序，現在，我構建了它並將其放置在 Java Web 應用程序上。 如果我按原樣運行，那么它工作正常。

但我需要將 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 源代碼中（緩存或錯誤可能會妨礙您）
• 很明顯，檢查token初始化或者Vue.prototype修改時是否沒有出錯
• 檢查Vue.prototype.$csrfToken = token; 在全局變量初始化之后調用：您的 Vue 腳本可能會在設置全局變量之前包含在內。

我應該補充一點，不鼓勵您使用的模式：請參閱官方Vue 文檔了解 Instance Properties 的使用