Vue(cli3)项目部署tomcat,刷新报错404解决办法,
2019-03-20 本文已影响0人
LH8966
1、项目部署在服务器上的mp文件夹下
menu.saveimg.savepath20190320114054.jpg
2、在mp文件夹下新建WEB-INF文件夹,在文件夹里建web.xml文件
menu.saveimg.savepath20190320114445.jpg
3、内容为:
<?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>
就可以解决,刷新404 的问题。试用有效。
还有一个是部署页面找不到的问题》
在vue.config.js里配置
publicPath: process.env.NODE_ENV === "production" ? "/mp/" : "/",
说明:项目是部署在tomact上的mp文件夹下。所以这样配置。