Vue 前端逻辑上主要由两个页面构成,应该如何安排项目呢? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Richard14
V2EX    Vue.js

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

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

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

    展示页面就是外网说的那种“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     Solana     3231 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 29ms UTC 11:42 PVG 19:42 LAX 03:42 JFK 06:42
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86