问题描述

vue项目在本地开发环境运行正常，打包部署至线上Tomcat服务后，不刷新浏览器时工作正常，一刷新浏览器就报404错误，错误截图如下：

错误描述：404，源服务器未能找到目标资源的表示或者是不愿公开一个已经存在的资源表示。

之前在本地IDEA环境测试正常，且该页面之前从菜单链接访问都是正常，一刷新浏览器就404。

问题解决

经过多方排查和查找资料，问题应该是server端未配置默认访问的文件路径有关。通过在项目下新增WEB-INF/web.xml文件，并配置项目默认的404错误页面访问路径即可解决该部署问题。

1、在tomcat的webapps目录对应项目目录下新增WEB-INF文件，并在WEB-INF目录下新建web.xml文件，目录结构如下：

web.xml文件内容如下：

<?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.0" 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>

2、配置完成，重启tomcat，问题解决。

VUE项目部署Tomcat页面刷新404问题解决方法相关推荐

【转】】Vue项目部署tomcat，刷新报错404解决办法
转自[https://blog.csdn.net/g631521612/article/details/82835518] 解决方式: - 在tocmat的webapps下的项目中创建WEB-INF文 ...
php 绝对刷新,vue项目线上页面刷新报404 解决方法(绝对有用)
在上线vue开发的前端网页上线后,刷新页面报404错误,因为网页上显示的是静态绝对路径,实际上服务器上是没有改路径的所以刷新汇报错误. 1.vue框架中解决404 vue router mode 默 ...
[vue-cli]在使用vue-cli开发vue项目时，自动刷新页面的原理你了解吗？
[vue-cli]在使用vue-cli开发vue项目时,自动刷新页面的原理你了解吗? 自动刷新页面并不是vue-cli的功能,而是webpack的hot-module-replacement-plug ...
vue项目keepAlive保持页面状态（详情页返回列表页不刷新）
vue项目keepAlive保持页面状态(详情页返回列表页不刷新) 在vue项目中,存在从列表页跳转到详情页查看,而后又返回列表页的操作时,如果列表过长,我们往往希望从详情页返回列表页时,列表页能留在 ...
vue项目部署到子路径下需要更改的设置
vue项目部署到服务器上会默认为例如ROOT的文件夹下,这样会直接访问改文件夹下的index.html文件. 假如现在有需求是把项目放到某一个子路径下,如果不更改设置会出现资源不加载,引用js文件找不 ...
面试宝典六-- 项目部署（linux环境搭建，springboot项目部署，vue项目部署，nginx负载均衡）
环境准备实际开发中,项目肯定是部署在一个个的linux系统服务器中的,学习过程中,可以在自己电脑上安装虚拟机然后配置linux操作系统进行模拟项目部署,当然也可以花费较小费用使用各种平台提供的云服 ...
tomcat页面显示404
tomcat页面显示404 java tomcat 有问必答 tomcat页面提示404,并提示** 源服务器未能找到目标资源的表示或者是不愿公开一个已经存在的资源表示.** 解: 这并不是说真的存在 ...
将springboot项目和vue项目部署到windows 2016 server（服务器）
将springboot项目和vue项目部署到服务器 1.服务器环境配置 1.1 服务器需要安装的环境 1.2 服务器需要配置的入站与进站规则 2.springboot项目的打包 2.1 springb ...
linux 退出服务器_Vue实战091：Vue项目部署到nginx服务器
项目开发完成之后我们就需要将项目上线运行供用户访问,这时候我们就需要将项目部署到服务器上.对于Vue这种前端Web项目我们一般都部署在linux系统上,Linux常见的Web应用服务器有Apache. ...

VUE项目部署Tomcat页面刷新404问题解决方法

问题描述

问题解决

VUE项目部署Tomcat页面刷新404问题解决方法相关推荐

最新文章

热门文章