V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Richard14
V2EX  ›  Vue.js

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

  •  
  •   Richard14 · 2022-05-01 15:30:39 +08:00 · 2269 次点击
    这是一个创建于 943 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

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

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

    npm run build --admin

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

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

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

    他们共用一个空白页 Layout ,管理后台的 ’/admin' 里面再嵌套一个 Layout 。
    DoveAz
        10
    DoveAz  
       2022-05-02 15:12:40 +08:00 via Android
    分开
    配置自动部署没什么麻烦的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2532 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 04:51 · PVG 12:51 · LAX 20:51 · JFK 23:51
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.