V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
dengji85
V2EX  ›  问与答

各位全栈大牛,我是写 Java 的,请问一下前端得 history 路由如果部署路径错误回报错吗?我这边直接白屏也没报错,网上找了很多资料也没解决, 404 错误也指向了主页

  •  1
     
  •   dengji85 · 2021-07-20 12:59:28 +08:00 · 1175 次点击
    这是一个创建于 1251 天前的主题,其中的信息可能已经有所发展或是发生改变。

    因为页面是在 app 里打开,为避免写登陆,index.html 是通过 java 返回的 jsp,app 打开会把 cookie 写入 静态文件则是匿名的,hash 模式没问题 WtehEn.png Wte6gS.png

    uniapp 打包配置

    "router" : {
                "base" : "/dcxt-user/",
                "mode" : "history"
            }
    
    第 1 条附言  ·  2021-07-21 10:05:30 +08:00
    感谢各位思路,已经解决,用 nginx 部署没问题后,仔细想才发现后端转发 index.html 的配置和前端打包的配置不对,
    后端实际地址变成:h5/index 前端 base 配置 /dcxt-user/

    我这种场景确实很少用,打包页面放 java 应用下 不过好像 jhipster 就是这种 “java 全栈”
    7 条回复    2021-07-21 09:48:46 +08:00
    dengshen
        1
    dengshen  
       2021-07-20 13:03:23 +08:00 via iPhone
    nginx 也要配置一下。看 vuerouter 文档
    dengji85
        2
    dengji85  
    OP
       2021-07-20 16:09:32 +08:00
    @dengshen 我这是放到 Java 后端上的,404 也指向打包的 index.html
    NjcyNzMzNDQ3
        3
    NjcyNzMzNDQ3  
       2021-07-20 16:16:08 +08:00
    先把 mode 改成 hash 模式吧,这样会在地址栏显示 vue 真正的路由

    https://router.vuejs.org/zh/guide/essentials/history-mode.html
    NjcyNzMzNDQ3
        4
    NjcyNzMzNDQ3  
       2021-07-20 16:17:30 +08:00
    VUE 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。

    如果不想要很丑的 hash,我们可以用路由的 history 模式,这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。
    hronro
        5
    hronro  
       2021-07-20 16:30:18 +08:00
    你们都前后端分离了,还用 JSP 啊?
    anonydmer
        6
    anonydmer  
       2021-07-20 17:03:16 +08:00
    先让前端的开发自己验证 history 模式没有问题;再把 index.html 放到 java 后台渲染。
    dengji85
        7
    dengji85  
    OP
       2021-07-21 09:48:46 +08:00
    @hronro 没前后端分离,复杂的页面前端开发好直接仍后端服务器,index.html 后端返回,省去登陆的逻辑,工期紧,不然后端还要改造支持 token 登陆
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2271 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 16:03 · PVG 00:03 · LAX 08:03 · JFK 11:03
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.