vue history 模式 tomcat 问题

[JiZhiDeboy]

history 模式 dev 运行没有问题· 部署到 tomcat 中访问页面显示空白，查看元素能看到引入资源文件是正常的 大佬们这个是什么问题 要怎么处理？

[randyo]

要么报错要么路由没定义好

[JiZhiDeboy]

@randyo 刚描述有误，部署 访问是框架告诉我页面找不到

[JiZhiDeboy]

页面显示空白 有资源文件引入是因为我直接目录路径访问了 index.hml ，根据路由地址访问得到的是框架提示·我页面找不到

[H15018327040]

build 后看看能不能访问到文件

[JiZhiDeboy]

@H15018327040 是看什么能不能访问到文件

[JiZhiDeboy]

目前修改了两个位置
1.config/index.js assetsPublicPath:"/xxx/xxx/xx/"
2.router/index.js mode:'history', base: "/xxx/xxx/xx/",

[JiZhiDeboy]

@JiZhiDeboy 不知道这个配置是否有问题

[randyo]

@JiZhiDeboy 你 tomcat 配置路由就吗？你访问 index.html 显示空白是因为你前端没有这个路由。你路由访问找不到页面是因为后端没有配置路由。

[randyo]

https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E4%BE%8B%E5%AD%90

[JiZhiDeboy]

@randyo 这样的话 我理解的是 history 模式 下后端也要配置路由？

[randyo]

@JiZhiDeboy 当然要

[godoway]

把 404 指向 index 就行了，大部分 spa 都是这样

[JiZhiDeboy]

@godoway 这样呀 我查教程时是有看到加 web.xml 处理 404 跳转的，单纯的以为只是处理 404 跳转的 /捂脸 我试试

[H15018327040]

项目是不是前后端分离的？如果是前后端分离的话后端就不用配置路由，npm run build 后访问 dist 文件夹下的 index.html，如果访问不正常的话说明 vue-router 配置有问题。

[H15018327040]

@H15018327040 如果需要放在服务器的话需要配置一个 index.html 的路由

[weixiangzhe]

需要所有页面指向 index.html 吧，tomcat 不知道，nginx 是这样整的