vue项目部署到服务器上刷新页面一直404

最新推荐文章于 2025-04-13 14:45:00 发布
最新推荐文章于 2025-04-13 14:45:00 发布
阅读量2k 收藏 1
点赞数 1
分类专栏： Vue nodejs 文章标签： Vue 部署 404错误 服务代理 配置修复
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_41838435/article/details/111636350
版权

项目是基于vue-admin-template开发的，部署到阿里云服务器之后，只要点击刷新，就一直404，情况如下：
在这里插入图片描述

最后发现是服务代理的问题，代理信息写错了，修改代理信息就好了。解决方案如下：
在这里插入图片描述
因为我遇到的问题是修改mode类型就解决了，其他情况的解决办法可参考：https://blog.youkuaiyun.com/weixin_42863883/article/details/106661250

vue工程部署到docker后刷新出现404解决方案
weixin_43250455的博客
10-24 1134
vue工程部署到docker后刷新出现404解决方案 参考 https://blog.csdn.net/weixin_33695082/article/details/92719764 的修改， 修改nginx配置文件，增加对vue-route跳转，如下设置后，在docker中可以正常刷新。 server { listen 80; server_name localhost; #charset koi8-r; access_log /var/log/ng
vue项目部署到服务器上刷新出现404以及白屏的问题
rxy的博客
01-23 5435
<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee&
解决Linux服务器Vue项目刷新404
Alin_Wu_的博客
09-27 369
之后再刷新就不会报404了。
vue部署到线上为啥会出现404的问题？
最新发布
大樊子的博客
04-13 1180
（History 模式需重定向到。
vue项目部署后刷新页面404的原因和解决方案
热门推荐
为技术而生
03-11 1万+
vue项目打包部署上线后发现项目是可以正常运行，但是使用F5或者浏览器的刷新按钮直接变成404页面。 扩展：当项目部署到服务器子文件路径时资源404问题。
vue项目，页面刷新就404了
一个UI、前端爱好者。
08-12 4066
history模式：需要在服务器端配置，确保所有路由都重定向到index.html。hash模式：更简单，不需要服务器端配置，但 URL 中会有。根据你的项目需求和服务器环境选择合适的解决方案。
dockerfile解决nignx镜像部署vue刷新404
controller_Lw的博客
05-24 974
问题描述 由于安全问题，客户现场的同事部署的Docker环境，nginx部署vue刷新404，这个问题在nginx 修改配置文件很简单的问题，由于本人也没有真正的接触过docker，我们这个边提出让他修改nginx的config 配置，对方提出修改docker 去解决这个问题。 一下是解决方案，我也是刚接触docker文件，先模仿学习，等以后经验多一点在分享个人想法。 FROM nginx:latest MAINTAINER iron.guo VOLUME /tmp ENV LANG en_US.UTF-8
Vue 项目部署到服务器的问题解决方法
08-28
Vue 项目部署到服务器的问题解决方法 在本篇文章中，我们将讨论 Vue 项目部署到服务器的问题解决方法。很多开发者在使用 Vue-cli ...以上就是笔者在项目部署服务器中的经验，如果有什么阐述的不当的地方，还望指出！
vue3项目部署到服务器，刚打开没事，一刷新页面就404
pig_ning的博客
01-12 1179
vue3项目部署到服务器，刚打开没事，一刷新页面就404
Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
12-09
在Vue项目中，当使用Webpack进行打包并将应用部署到Tomcat服务器时，可能会遇到一个常见的问题：用户在页面刷新后收到404错误。这个问题的根本原因在于Vue Router的`history`模式。Vue Router的`history`模式利用了...
vue项目部署到Apache服务器中遇到的问题解决
10-18
总的来说，Vue项目部署到Apache服务器时，主要涉及Vue Router的`history`模式与Apache服务器配置的协同。理解这一原理并正确配置Apache服务器，就能顺利解决404错误和页面空白的问题。同时，保持对Vue项目和服务器...
解决Vue项目刷新404
挨踢星球
09-05 3467
如果服务器没有正确配置，当用户直接在浏览器地址栏中输入一个历史模式的URL或者刷新当前页面时，服务器可能会尝试查找与该URL对应的物理文件，而实际上这样的文件不存在。这是因为历史模式依赖于服务器配置来确保在浏览器请求的URL没有对应的物理文件时，仍然返回应用的入口文件（通常是”index.html”）。要在使用Vue的历史模式时正确配置服务器，以确保在浏览器请求的URL没有对应的物理文件时仍然返回应用的入口文件（通常是”index.html”），需要根据你所使用的服务器类型进行相应的配置。
vue路由设置没问题，但怎么点都是到404页面
weixin_51063441的博客
08-19 248
干脆利落 废话不多说，这个页面的路由一定要放在404路由的上边
Docker中通过nginx部署vue3项目的路由刷新404问题
TwiStar的博客
10-13 394
vue3项目通过nginx服务器部署到Docker中，路由路径刷新404问题。
Vue项目部署后，刷新提示404
云在青天水在瓶
01-06 5925
一、遇到的问题 Vue项目打包部署到线上后，刷新页面会提示404。这是因为网页访问的是静态绝对路径，而服务器上没有该路径。 二、解决方法 方法一： 修改src/router/index.js文件中的mode属性，设置为hash。（这种调整，会使url出现"#"） 方法二： 调整nginx.conf配置文件 ...
nginx 部署vue3项目 页面404
sinat_37012541的博客
04-30 3430
vue3 vite 部署到nginx 刷新404 500等问题处理
vue部署docker下的nginx刷新404
m0_46269902的博客
07-19 993
部署到nginx，访问首页没问题，从首页里跳转其他页面也没问题，但是非首页的其他页面，再次刷新，就会出现404现象。 Dockerfile '# 使用官方镜像，官方镜像比较纯净，没有curl等网络工具，需要安装网络工具需要自己构建nginx镜像 FROM nginx '# 将你的打包目录(h5)拷贝到 nginx镜像指定目录中 COPY h5/ /usr/share/nginx/html/ '# 将自定义的配置文件覆盖默认的配置文件 COPY default.conf /etc/nginx/conf.d/d
vue3项目一刷新就404(亲测有效)
weixin_73060959的博客
09-17 2945
在 Vue 项目中遇到一刷新页面就 404 的问题，通常是因为你的前端路由（如 Vue Router）是客户端路由，依赖于 JavaScript 来管理页面之间的跳转，而不是传统的服务器端路由。这意味着，当你直接访问一个通过 Vue Router 创建的 URL（比如/about）时，如果服务器没有正确地配置来处理这种“单页面应用”（SPA）的路由，那么服务器可能会返回 404 错误，因为它不知道如何在不执行任何 JavaScript 的情况下提供这个页面的内容。
关于vue项目部署后刷新页面出现404
Nancy的博客
05-06 458
vue部署到nginx刷新页面404的解决方案
vue项目部署到apache服务器刷新页面空白的问题
05-20
3. 确保服务器上已经安装了 Node.js 和 npm，并且运行了 npm run build 命令来打包项目。 4. 将打包好的文件放到 Apache 的网站目录下。 5. 重新启动 Apache 服务器，然后就可以访问 Vue.js 项目了。 如果还是...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值