我想测试用户是否登录，如果没有，他将返回登录页面。 我希望在加载 html（或模板）之前执行检查用户是否登录的脚本。 我试过了
beforeCreate()
和其他东西，但 html 仍然在脚本运行之前加载。 这是我的代码
if(sessionStorage.getItem("email") == undefined) location.href = "/";
编辑 我使用 CLI 制作了这个 vue 项目，所以我没有带有头部和主体的普通 index.html，我可以在 vue 之外的任何地方简单地添加脚本。
【问题讨论】：
标签： javascript vue.js
使用 JavaScript 实现安全代码并不是“最佳实践”。如果用户在他们的浏览器中关闭 JavaScript，他们实际上已经绕过了您的安全。
相反，使用服务器端代码来检测当前用户是否登录，如果没有，则将 HTML 重定向发送到登录页面而不是正常的 HTML 内容。
伪代码（因为您没有指定任何服务器端语言）：
if(userLogin <> true)
Return HtmlRedirect("YourLoginPage")
...
Return CuurrentPage
如果用户无权查看，此方法可防止将任何 HTML 发送给用户。
【讨论】：
我同意@Dragonlaird 所说的从客户端处理它不是最佳实践。但是，我认为您必须尝试beforeMount 或beforeUpdate 而不是beforeCreate，因为您需要在加载HTML（或模板）之前完成这些工作。根据 Vue.js 文档，
beforeMount:
它在挂载开始之前被调用：渲染函数即将被第一次调用。
但是这个钩子（beforeMount）在服务端渲染时不会被调用。
beforeUpdate:
在修补 DOM 之前数据发生变化时调用它。这是在更新之前访问现有 DOM 的好地方，例如删除手动添加的事件监听器。
在服务器端渲染期间也不会调用此钩子，因为只有初始渲染是在服务器端执行的。
更多信息请参考 Vue.js 文档。
【讨论】：
在启动 vue 实例之前尝试检查您的条件是否匹配，并在满足如下条件后启动它：
if(sessionStorage.getItem("email") == undefined) {
location.href = "/";
} else {
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
}
【讨论】：