Vue 单页面应用 部署到tomcat 页面刷新404问题


#1

大家好 我是vue使用新手 现在遇到个404问题,网上找了三天也没能完全解决(ios解决,安卓刷新还是404),原因已经基本了解了,就是不知道解决方法。

环境:vue webpack打包 放到tomcat服务器上运行,router模式是history(不用hash模式)。
问题:使用npm run dev 测试运行 页面刷新正常,不跳404,在子页面刷新也不跳首页 。打包后放在tomcat服务器上,在子页面刷新就会跳404页面。经过一番查找,解决了ios刷新404问题,当时可高兴了。然而拿安卓机一测试,心情马上跌到谷底。对于安卓,实在是没有任何线索查找。网上说了一些要后端服务支持,也给出了一些解决方案,但是没有针对 tomcat的解决方案。特来此寻求诸位大神的帮助。


#2

你好,请移步Vue官方说明


#3

谢谢你 但这个我看过了 这里没有针对tomcat 解决方案


#4

为什么 iOS 和安卓还不一样 = =

看一下 Tomcat 的文档吧,把 path 都映射到入口文件(比如 index.html)就行了。


#5

我也不知道android 和ios为什么不一样 我本人当时用的ios手机 当解决刷新404时非常兴奋,以为问题解决了,于是找同事andriod手机测试页面刷新发现还是404,当时以为是同是手机的问题,于是找了更多不同品牌的android手机测试都一样的结果,再也高兴不起来。

我是个前端 ,后台的配置根本不了解,也看不懂啊


#6

大神可否给 列出操作步骤


#7

您好,我也遇到了这个问题,请问您是怎么解决的呢?


#8

我也遇到这个问题 请我楼主解决了吗?


#9

如果配置了好了映射index,那安卓应该是路径问题了吧。当然,也可以写一个node中层,来辅助,这样其他的根本不需要配置,还可以解决移动端的并发