
想要做一个管理后台类产品,另外还需要一个展示页面。
展示页面就是外网说的那种“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 分开 配置自动部署没什么麻烦的 |