如何使用 vue-cli(webpack) 创建多页应用程序(每个应用程序使用不同的路由器,以及不同的 dist/index.html)

Posted

技术标签:

【中文标题】如何使用 vue-cli(webpack) 创建多页应用程序(每个应用程序使用不同的路由器,以及不同的 dist/index.html)【英文标题】:How to create multiple page app with vue-cli(webpack) (with different router for each one, and different dist/index.html) 【发布时间】:2018-07-12 11:06:23 【问题描述】:

我想通过不同的路由从服务器提供不同的 vue 页面。现在我只使用一个路由(/静态)为一个包含 vue-router 的“页面”提供 vue 文件。


我不能这样做,因为应用程序应该使用 cookie 来验证对不同页面的访问权限。


如何在不使用浏览器缓存的情况下完成此操作?

【问题讨论】:

【参考方案1】:

vue-cli v3 现在可以很好地支持多页应用程序: https://cli.vuejs.org/guide/html-and-static-assets.html#building-a-multi-page-app

【讨论】:

【参考方案2】:

为我找到了解决方案。不幸的是不是一个内置的。我刚刚为两个不同的构建运行了构建过程,两个不同的 webpack 配置又具有不同的入口和输出属性。以防万一有人觉得这很有帮助。

【讨论】:

你能给像我这样的初学者更多的细节吗?你是如何让构建过程为两个不同的 webpack 配置运行的?

以上是关于如何使用 vue-cli(webpack) 创建多页应用程序(每个应用程序使用不同的路由器,以及不同的 dist/index.html)的主要内容,如果未能解决你的问题,请参考以下文章

vue-cli创建项目没有集成webpack相关配置的如何解决

如何在 Vue-cli 中配置 Webpack?

vue3多页面运行与打包

如何使用 webpack 和 vue-cli 将服务器端变量发送到 vue 实例?

vue-cli webpack3扩展多模块打包

vue-cli 如何使用scss