Javascript 如何在现有静态网站的单个url上装载vuejs应用程序？

我在

landing

目录中有一个静态单页应用程序，它有以下文件，只需在浏览器中打开

index.html

文件即可工作。 该目录包含以下文件和目录：

• index.html
• 联系方式
• css
• img
• js
• 解放党

我还有一个vuejs应用程序，在build dist目录中有以下目录和文件：

• css
• favicon.ico
• 字体
• img
• index.html
• js

以及以下router.js：

import Vue from 'vue';
import Router from 'vue-router';

Vue.use(Router);

export default new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    {
      path: '/',
      name: 'login',
      component: () => import(/* webpackChunkName: "home" */ './views/Login.vue'),
    },
    {
      path: '/manager',
      name: 'manager',
      component: () => import(/* webpackChunkName: "manager" */ './views/manager.vue'),
    },
    {
      path: '/staff',
      name: 'staff',
      component: () =>
        import(/* webpackChunkName: "staff" */ './views/staff.vue'),
    },
  ],
});

登录页面只是一个登录表单，根据用户类型自动重定向到其他页面之一。 以下是我的vue.config.js：

module.exports = {
  publicPath: './',
};

我想部署这个dos3

以下是我尝试过的：

我将登陆目录的内容上传到S3，我在静态网站的index.html中添加了一个类似

的链接，我在那里创建了一个名为login的目录，并将dist directoy的内容放入其中。静态网站可以正常加载，但vuejs应用程序不能。当我点击login时，addressbad变为

url/login

，但页面只是重新加载。有什么想法吗