如何将目标网页与Vue SPA集成？

Question

因此，我已经使用Vue构建了SPA。我们聘请设计师来创建登录页面。登陆页面看起来很棒。它显示了有关该应用程序的一些信息，并且有一个“登录”按钮目前不起作用。

目标网页确实包含了我不想也不想在Vue应用程序中使用的CSS和Javascript（jQuery等）。

所以问题是：如果用户已经登录，是否可以在不加载登录页面JS / CSS的情况下将登录页面代码包含在我的Vue项目中？

对我来说，计划B是将登录页面托管在mydomain.com上，并将应用托管在app.mydomain.com上。我猜这会起作用，我看到其他人也会这样做。但很高兴知道我的可能性

Answer 1

进行了一些搜索，但没有找到确切的解决方案，但这似乎是可行的。我对页面的开头部分有些担心，但这是一种开始方式：

1. 创建新的Vue组件，其中将包含您需要+安装的所有HTML代码（仅正文）（使用npm），并在该组件中导入所有需要的js文件（包括jQuery）。
2. 请确保在vue-router中将此组件配置为lazy loaded-这样您的所有html和脚本都将从应用程序中分离出来。

Vue应该从那里开始-您将在需要的地方找到您的页面，其他路线将在应用程序内。