Vue项目上线后刷新报错404问题（apache，nginx，tomcat）

最新推荐文章于 2022-05-17 13:59:31 发布

weixin_30823683

最新推荐文章于 2022-05-17 13:59:31 发布

阅读量121

点赞数

CC 4.0 BY-SA版权

文章标签：运维 java javascript ViewUI

原文链接：http://www.cnblogs.com/longm/p/10797268.html

本文介绍了一种简单的方法来更新服务器配置。只需在服务器端添加一个配置文件并重启服务即可生效。确保服务重启对于配置更改生效至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转自：https://www.cnblogs.com/sxshaolong/p/10219527.html

很简单，需要服务器端加个配置文件，然后重启服务就好了，记住一定要重启服务，否则无效！

转载于:https://www.cnblogs.com/longm/p/10797268.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30823683

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

springboot+vue全栈整合后在新的tomcat上运行出现tomcat报错404的解决办法

KorleYao的博客

09-11

549

项目场景：问题描述：提示：这里描述项目中遇到的问题：例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据 APP 中接收数据代码： @Override public void run() { bytes = mmInStream.read(buffer); mHandler.obtainMessage(READ_DATA, bytes, -1, buffer).sendToTarget(); } 原

nginx部署vue项目刷新404

xixingzhe2的博客

06-22

435

# 测试3 location / { root /usr/local/openresty/nginx/html/test3; index index.html index.htm; try_files $uri $uri/ /index.html; #解决页面刷新404问题 }

参与评论您还未登录，请先登录后发表或查看评论

Vue.js项目在apache服务器部署后，刷新404的问题

diaoyunqiu7160的博客

07-08

660

原因是vue-router 使用了路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。 const router = new VueRouter({ mode: 'history', routes: [...] }) 需要在服务端增加一个覆盖所有情况的候选资源：如果 URL ...

vue项目打包到tomcat后刷新404

菜鸟

05-11

972

在tocmat的webapps下的项目中创建WEB-INF文件夹，在文件夹中创建文件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-instan...

Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案

08-27

在开发Vue.js应用程序时，通常会使用Webpack进行模块打包，以便于部署到各种服务器环境，如Apache、Nginx或Tomcat。然而，在部署到Tomcat时，由于Vue.js使用了HTML5 History模式，可能会遇到刷新页面时出现404错误的...

vue项目部署到nginx/tomcat服务器的实现

01-19

开发完的vue项目，需要部署到Nginx/Tomcat服务器上运行，作为一个前端小白，刚接触vue不久，研究了一番，于是写下这篇文章，记录下来便于今后部署。 1.router(history)模式vue项目部署到nginx 1）修改router模式为...

vue-cli history模式实现tomcat部署报404的解决方式

10-16

然而，当使用`history`模式并将应用部署到Apache、Nginx或Tomcat等服务器时，可能会遇到404错误，因为服务器默认并不处理这种路由请求。在Tomcat中部署Vue CLI构建的项目并采用`history`模式时，遇到404错误的主要...

vue-cli 项目打包完成后运行文件路径报错问题

12-10

当您将 Vue CLI 打包后的应用部署到服务器，例如 Tomcat，可能会遇到文件路径报错的问题。这是因为默认的配置可能并不适应所有环境，尤其是当您的应用不是部署在服务器根目录时。这个问题通常与 `publicPath` 或 `...

在nginx上部署vue项目(history模式)的方法

08-28

在开发Vue应用时，通常会使用vue-router作为前端路由管理器。默认情况下，vue-router采用的是`hash`模式，这会在URL中添加一个`#`符号，如`http://localhost:8080/bank/page/count/#/`。然而，为了获得更美观的URL，...

webpack 打包php项目,Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案

weixin_42627459的博客

03-22

236

搜索热词遇到的问题使用webpack打包vue后，将打包好的文件，发布到Tomcat上，访问成功，但是刷新后页面报404错。但是看完问题又来了，官方给出的解决方案中没有说tomcat下，怎么决解。根据官方给出的解决方案原理你要在服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面，这个页面就是你 app 依赖的页面。所以在tomca...

vue部署项目刷新404的解决方案

weixin_34239169的博客

07-03

664

一、tomcat 　　tomcat 部署后刷新404，可在打包好的dist文件夹中建立WEB-INF文件夹，在文件夹中建立web.xml,xml文件中内容如下，然后将dist文件部署到服务器上，重启tomcat即可生效（亲测有效，多种解决方案这只是其中一种） 1 <?xml version="1.0" encoding="UTF-8"?> 2 <web-a...

vue 打包项目放到线上刷新出现404的情况解决方案

Myzhuo的博客

11-04

1354

location / { try_files $uri $uri/ @router; index index.html; } location @router { rewrite ^.*$ /index.html last; }

vue打包后刷新404

lotte

08-16

1832

mode 类型: string 默认值: "hash" (浏览器环境) | "abstract" (Node.js 环境) 可选值: "hash" | "history" | "abstract" 配置路由模式: hash: 使用 URL hash 值来作路由。支持所有浏览器，包括不支持 HTML5 History Api 的浏览器。 his...

Vue部署在IIS上后发布单页面刷新报错提示:404

Bibabu的博客

05-25

5535

写好的系统打包，运行指令:npm run build打包后会生成一个文件名为:dist文件夹,将该文件夹发布至IIS就可以进行访问了,但有的小伙伴会发现,单机每个页面都可以,但是却不能刷新页面，一刷新页面就会报错：404 not found这是因为,我们将文件打包后，与原来开发文件各个路径已经不同了,这是就要看看我们的路由是怎么配置的了,网上有很多方法解决方法一,配置nginx文件:serve...

VUE项目打包后使用Tomcat部署解决页面刷新后404问题

WindNolose的博客

05-17

7260

1.打包VUE项目命令：npm run build npm run build 打包完成后，项目中会多出来一个dist文件夹，里面就是打包后的文件 2.部署Tomcat 此处采用docker compose的方式部署Tomcat 任意创建一个目录，在目录下编辑docker-compose.yml文件挂载容器中的/usr/local/tomcat/webapps目录 version: "3" services: tomcat: image: tomcat:8.5 containe

vue部署至Tomcat，F5刷新报404问题解决

扛麻袋的少年的博客

11-09

2985

我做的是一个移动端项目，使用的是 Vue + app 包壳的方式。在 PC 端测试时发现 F5 刷新直接报 404 问题，虽然在移动端包壳后不会有刷新的功能，但是强迫症搞怪，用着真是难受，必须给它搞定，所以就有了本篇文章。 Vue 部署至 Tomcat 会遇到的问题汇总： 1.在将vue项目部署至tomcat后，js、css、img、index.html等文件，都有被缓存的可能。解决js、css、img 缓存问题：可以使用时间戳的方式参考：Vue项目部署，解决js、css、img被缓存问题

Vue项目部署tomcat，刷新报错404解决办法