Vue多页面应用配置
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue多页面应用配置相关的知识，希望对你有一定的参考价值。
参考技术A最近由于工作驱动，项目包含pc端及mobile端，pc端和mobile端核心功能一致，最大的不同是UI,为了减少维护的成本，决定使用Vue的多页面开发。
项目线上部署在一个子目录下，为了解决在本地和线上路径保持一致，需要修改一些配置。所以以此篇文章来记录一下配置过程中的问题。
这里是我放在github上的项目，里面有整个配置文件。感兴趣的朋友可以参考一下： vue-multiple-page
此篇文章记录了先在根路径下的多页面配置，再从根路径修改成子路径的配置
vue脚手架vue-cli3及以上；
在本地用vue-cli新建一个项目；
vue3.js :路由配置修改的是 history: createWebHistory(\'/mobile/\')
vue3.js :路由配置修改的是 history: createWebHistory(\'/e/\')
mobile端mobile.js的base修改成 base: \'/e/mobile\'
vue3.js :路由配置修改的是 history: createWebHistory(\'/e/mobile\')
特别注意的地方
以上是关于Vue多页面应用配置的主要内容，如果未能解决你的问题，请参考以下文章