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文件夹下。所以这样配置。

上一篇 下一篇

猜你喜欢

热点阅读