Vue 前端逻辑上主要由两个页面构成,应该如何安排项目呢?

2022-05-01 15:30:39 +08:00
 Richard14

想要做一个管理后台类产品,另外还需要一个展示页面。

展示页面就是外网说的那种“landing page”,类似于小米官网这种,主要是一个产品功能介绍 /联系方式等等的这些内容的展示页面,用户访问主页先看这个页面。

然后还有一个管理后台,里面就是后台的一系列功能,左侧有个可隐藏的侧边栏那种的。

感觉逻辑上两个东西(除了登录状态以外)基本上毫无联系,感觉应该是做成两个 spa 页面最好,但是两个项目的部署发布之类的流程感觉很麻烦,vue 有什么办法在一个项目里管理两个页面吗?

印象里以前 vue2 通过一些设置是能做到一个 spa 管理多个 page 的,不过印象里调起来挺复杂的,现在 vue3 处理这方面有什么好的方案了吗?

2052 次点击
所在节点    Vue.js
10 条回复
cuvii
2022-05-01 15:32:28 +08:00
这不是最基本的路由管理吗...
PopRain
2022-05-01 15:54:09 +08:00
这种我理解一般都是作为 2 个独立的项目做的,最多做一个跳转功能吧
caisanli
2022-05-01 15:56:55 +08:00
vuecli 的 pages ?
shakukansp
2022-05-01 16:01:37 +08:00
两个项目部署发布哪里麻烦你可以放同一个 nginx 配置下面啊
TomVista
2022-05-01 16:07:38 +08:00
维护两组路由 ,通过环境变量 动态选择 路由,进行打包 ,

npm run build --admin

npm run build --home-page
ipwx
2022-05-01 16:10:00 +08:00
landing page 直接单页面 bootstrap

后台管理用 vue
onec
2022-05-01 17:50:11 +08:00
webpack 写两个入口文件,然后就当两个项目去做好了,互不影响的
Zzzz77
2022-05-01 18:00:49 +08:00
没太看懂你的场景(共用登录状态,但又毫无联系??)
ccyu220
2022-05-01 19:42:20 +08:00
其实你想的太复杂了,展示页面就是首页,也就是 '/',相关的菜单如:'/about','/poduct'。

另外建立一个 ’/admin' 的路由维护管理后,如 '/admin/login',管理首页是 '/admin/dashboard'。

他们共用一个空白页 Layout ,管理后台的 ’/admin' 里面再嵌套一个 Layout 。
DoveAz
2022-05-02 15:12:40 +08:00
分开
配置自动部署没什么麻烦的

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/850370

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX