Web 使用vue路由器路由静态页面

我对web开发相当陌生，我想知道是否有一种方法可以使用

vue-router

使用自己的样式表和Java脚本来路由静态web页面

假设我有一个名为staticWebPage的目录，其中包含：

• 一个

  index.html

  文件
• 包含

  .js

  文件的javascripts目录
• 以及包含

  .css

  文件的样式表目录

现在，我想将

/mystaticwebpage

映射到这个

index.html

文件，以便它显示特定的静态网页

我想这样做：

import VueRouter from 'vue-router'
import AComponent from './components/AComponent.vue'
import MyHtmlFile from './references/index.html'

router.map({
   '/acomponent': {
      component: AComponent
   },
   'mystaticwebpage': {
       component: MyHtmlFile
   }
})

当然，这不起作用，因为我只能在

router.map

中引用Vue组件

---

是否有方法使用

/staticWebPage

目录中包含的所有

.js

和

.css

文件路由到该

/staticWebPage/index.html

文件

所以对于您的情况，您可以使用Webpack的代码拆分功能

更准确地说，您需要的可能是异步组件。因此，组件定义中使用的代码（和css）（包括您在其中包含的任何脚本）将仅在访问相应页面时加载

在大型应用程序中，我们可能需要将应用程序划分为较小的应用程序 块，并仅在实际运行时从服务器加载组件 需要。为了简化这一过程，Vue允许您定义组件 作为异步解析组件的工厂函数 定义。Vue仅在以下情况下触发出厂功能： 组件实际上需要渲染，并将缓存结果以用于 未来重新呈现

---

设置可能有点困难，因此请参阅VueJS文档中的。

Mh，Vue路由器是客户端路由器，因此根据定义，它可能不会生成静态页面。您认为不使用Vue路由器是否有解决办法？我只想用我的Vue应用程序使用的域名创建一个静态页面我认为使用Vue路由器很好，但这不是一个静态页面系统。我不明白。。那么我想要达到的目标就不合适了，对吧？@Randy，我认为

prepender spa plugin

是你需要的。请注意，它当然不允许您加载html文件。但您可以在组件模板中包含任何想要的html。