vue的history模式打包部署到tomcat刷新报404错误解决方法
昨天用vue搭建项目打包放到tomcat服务器上时发现页面输入路径直接跳404,二级页面刷新也是404,在网上搜了下发现需要配置下服务器端,然后给后台同事发过去文件,放上去果然没有404了,方法就是,要在服务端增加一个覆盖所有情况的候选资源:如果 URL 匹配不到任何静态资源,则应该返回同一个 index.html 页面,这个页面就是你 app 依赖的页面。所以在tomcat服务器下你可以这么..
·
昨天用vue搭建项目打包放到tomcat服务器上时发现页面输入路径直接跳404,二级页面刷新也是404,在网上搜了下发现需要配置下服务器端,然后给后台同事发过去文件,放上去果然没有404了,
方法就是,要在服务端增加一个覆盖所有情况的候选资源:如果 URL 匹配不到任何静态资源,则应该返回同一个 index.html 页面,这个页面就是你 app 依赖的页面。
所以在tomcat服务器下你可以这么做。在打包好的项目根目录下新建一个WEB-INF文件夹,在WEB-INF中写一个web.xml。
web.xml文件如下:
下面的http资源不写也可以
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
version="3.1" metadata-complete="true">
<display-name>Router for Tomcat</display-name>
<error-page>
<error-code>404</error-code>
<location>/index.html</location>
</error-page>
</web-app>
更多推荐
已为社区贡献3条内容
所有评论(0)