这是一个创建于 918 天前的主题，其中的信息可能已经有所发展或是发生改变。
想要做一个管理后台类产品，另外还需要一个展示页面。
展示页面就是外网说的那种“landing page”，类似于小米官网这种，主要是一个产品功能介绍 /联系方式等等的这些内容的展示页面，用户访问主页先看这个页面。
然后还有一个管理后台，里面就是后台的一系列功能，左侧有个可隐藏的侧边栏那种的。
感觉逻辑上两个东西（除了登录状态以外）基本上毫无联系，感觉应该是做成两个 spa 页面最好，但是两个项目的部署发布之类的流程感觉很麻烦，vue 有什么办法在一个项目里管理两个页面吗？
印象里以前 vue2 通过一些设置是能做到一个 spa 管理多个 page 的，不过印象里调起来挺复杂的，现在 vue3 处理这方面有什么好的方案了吗？
 |
1
B3C933r4qRb1HyrL 2022-05-01 15:32:28 +08:00
这不是最基本的路由管理吗...
|
 |
2
PopRain 2022-05-01 15:54:09 +08:00
这种我理解一般都是作为 2 个独立的项目做的，最多做一个跳转功能吧
|
 |
3
caisanli 2022-05-01 15:56:55 +08:00 via iPhone
vuecli 的 pages ？
|
 |
4
shakukansp 2022-05-01 16:01:37 +08:00
两个项目部署发布哪里麻烦你可以放同一个 nginx 配置下面啊
|
 |
5
TomVista 2022-05-01 16:07:38 +08:00
维护两组路由 ,通过环境变量 动态选择 路由,进行打包 ,
npm run build --admin npm run build --home-page |
 |
6
ipwx 2022-05-01 16:10:00 +08:00
landing page 直接单页面 bootstrap
后台管理用 vue |
 |
7
onec 2022-05-01 17:50:11 +08:00
webpack 写两个入口文件，然后就当两个项目去做好了，互不影响的
|
 |
8
Zzzz77 2022-05-01 18:00:49 +08:00
没太看懂你的场景（共用登录状态，但又毫无联系？？）
|
 |
9
ccyu220 2022-05-01 19:42:20 +08:00
其实你想的太复杂了，展示页面就是首页，也就是 '/'，相关的菜单如：'/about'，'/poduct'。
另外建立一个 ’/admin' 的路由维护管理后，如 '/admin/login'，管理首页是 '/admin/dashboard'。 他们共用一个空白页 Layout ，管理后台的 ’/admin' 里面再嵌套一个 Layout 。 |
 |
10
DoveAz 2022-05-02 15:12:40 +08:00 via Android
分开
配置自动部署没什么麻烦的 |
Select Language