Vue.js 如何将登录页与Vue SPA集成?

Vue.js 如何将登录页与Vue SPA集成?,vue.js,vuejs2,vue-router,Vue.js,Vuejs2,Vue Router,所以,我和Vue建了一个水疗中心。我们聘请了一名设计师来创建登录页。登陆页面看起来很棒。它显示了一些关于应用程序的信息,还有一个“登录”按钮,目前什么都不做 登录页确实包含CSS和Javascript(jQuery等),我不想在Vue应用程序中使用它们 所以问题是:如果用户已经登录,是否可以在我的Vue项目中包含登录页代码而不加载登录页JS/CSS 我的计划B是在mydomain.com上托管登录页,在app.mydomain.com上托管应用程序。我想这会管用的,我看到其他人也这么做了。但是,

所以,我和Vue建了一个水疗中心。我们聘请了一名设计师来创建登录页。登陆页面看起来很棒。它显示了一些关于应用程序的信息,还有一个“登录”按钮,目前什么都不做

登录页确实包含CSS和Javascript(jQuery等),我不想在Vue应用程序中使用它们

所以问题是:如果用户已经登录,是否可以在我的Vue项目中包含登录页代码而不加载登录页JS/CSS


我的计划B是在mydomain.com上托管登录页,在app.mydomain.com上托管应用程序。我想这会管用的,我看到其他人也这么做了。但是,如果知道我的可能性,那就太好了。

进行了一些搜索,但没有找到您的问题的确切解决方案,不过这似乎是可行的。我对页面的标题部分有一些顾虑,但这是一个开始:

  • 创建新的Vue组件,该组件将包含您需要的所有HTML代码(仅正文)(使用npm)并在该组件中导入所有需要的js文件,包括jQuery
  • 请确保您在vue路由器中配置此组件,以便将所有html和脚本与应用程序分离

  • 从那里Vue应该做的工作-你会得到你的页面需要和其他路线将在应用程序内

    注意:这回答了我的问题,但我不确定我是否会选择这个解决方案。当登录页和应用程序使用相同的index.html时,SEO会出现som问题。当考虑编辑/更新一个而不是另一个时,在单独的repo/CMS中有登录页也是一个优势。我很可能会选择问题中描述的B计划,你能分享一下你的解决方案吗?我现在遇到了同样的问题