Vue项目使用宝塔面板部署刷新404问题

最新推荐文章于 2025-06-29 19:59:59 发布
原创 最新推荐文章于 2025-06-29 19:59:59 发布 · 415 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js

本文详细解释了如何在Apache服务器中配置伪静态，重点关注location块中的try_files指令，以便正确处理URL请求并导向index.html。

配置伪静态

location / { 
  try_files $uri $uri/ /index.html; 
}

司戊
关注
Vue项目在上传宝塔后 除首页外页面刷新出现404
qq_68695044的博客
12-24 1130
控制台打开网络可以看到首次进来的时候是正常的刷新一次后请求网址发生了变化，并且出现404这是因为在项目打包后，dist文件中只存在一个index网页，当我们从网址进去后通过路由跳转到达其他页面，关键在这里，当我们在其他页面执行刷新操作，nginx location 是没有相关配置的，所以就会出现 404 的情况。
vue3部署宝塔后请求接口404以及刷新页面404的问题解决方案
????鱼干～
08-05 4310
vue3部署宝塔后请求接口404以及刷新页面404的问题解决方案
宝塔nginx部署前端页面刷新报404
月亮被咬碎成星星的博客
01-14 3155
已解决
（已解决）宝塔部署Vue项目时非首页刷新404
BrianGriffin的博客
10-16 1213
部署成功后项目正常运行，但是一但非首页刷新就会报错:404在网页的设置中的配置文件添加上图代码：重启后即可正常运行。
使用 宝塔面板 部署 springboot 和 vue
热门推荐
奇妙方程式的博客
08-03 1万+
仿照别人项目做了个基于 springboot 和 vue 的网站，在腾讯云服务器上，通过 宝塔面板 部署了该项目。项目的技术栈：Vue3、Vite5、Axios、Element Plus、Wangeditor5、Highlightjs、Spring Boot2、Mybatis、MySQL8。
解决宝塔面板部署Vue项目出现404错误的完整指南
最新发布
Java程序员_编程开发学习笔记_网站安全运维教程_渗透技术教程
06-29 1676
《宝塔面板部署Vue项目404错误解决方案》 摘要：本文针对在宝塔面板部署Vue项目时常见的404错误问题，特别是使用VueRouter history模式的情况，提供完整解决方案。主要问题源于服务器配置不当、静态文件路径错误或项目根目录设置不正确。解决方案包括：1）Nginx配置添加try_files规则；2）Apache配置重写规则；3）改用VueRouter hash模式。详细步骤涵盖项目打包、文件上传、权限设置和路径配置，并给出常见问题排查方法和最佳实践建议，如使用Docker部署和启用Gzip压缩
宝塔面板部署项目（SpringBoot+Vue）
爱吃Java的羊的博客
10-24 1411
先安装Java环境（根据项目情况选择），网站 - Java项目 - Java环境管理 - 安装Java环境，网站 - Java项目 - 新建Java项目，是springboot的，就选springboot，路径要选到jar包，项目名称自行更改，项目端口根据自己的项目来，这里能直接开放面板的端口，jdk得选，项目执行命令应该是自动生成的，开启开机启动。点击管理，选择数据库 - 导入 - 上传文件 - 选择sql文件并上传 - 向下滑动，点击执行。打开服务器对应网站（服务器ip地址+域名号），刷新即可。
Vue项目通过宝塔部署之后，页面刷新后浏览器404页面
水w的博客
08-07 1467
Vue项目通过宝塔部署之后，页面刷新后浏览器404页面
宝塔发布vue项目刷新404
香-农的博客
01-30 364
解决mode: 'history'模式下刷新404；
宝塔部署vue刷新404的问题
a2578984130的博客
09-24 525
if (!-e $request_filename) { rewrite ^/(.*) /index.html last; break; }
Vue项目通过宝塔部署之后，页面刷新后浏览器404页面。
记录开发过程中收获哪些技能、每个项目的心得、遇到的坑。
12-01 3728
Vue项目通过宝塔部署之后，页面刷新后浏览器404页面。
vue项目部署到宝塔刷新页面报404错误
weixin_45395283的博客
03-12 671
如果在本地运行正常,部署到宝塔,刷新页面报404错误,设置→配置文件,在server{}中添加以下代码。刷新后重新访问,即可发现刷新页面正常。
vue项目上传宝塔刷新页面报404
qq_70703397的博客
02-06 1001
vue项目上传宝塔刷新页面报404（如果宝塔Nginx报错有解决方案）
宝塔面板部署项目，页面刷新时出现nginx404问题
wings14的博客
08-08 1616
当宝塔部署完项目，使用项目出现页面刷新nginx404问题；
宝塔部署若依项目，本地上传的文件访问404解决方案
2401_86126477的博客
12-27 852
在文件上传跟目录创建一个txt文本，输入访问路径如果能访问即可；3.如果以上两点检测过后，依然无法访问，则可以查看项目的nginx配置文件。1. 首先排除权限问题。查询上传的目录权限是否具备访问权限；2. 排除路径问题。文件是否能被正确访问到。
vue history 模式nginx配置及配置后刷新 404 的解决办法! 宝塔+tp5+Nginx
u014737919的博客
03-16 1385
这里写自定义目录标题vue history 模式nginx配置及配置后刷新 404 vue history 模式nginx配置及配置后刷新 404 打开宝塔域名（网站）管理： 我前端包在名称“INContrarian”，这个名字，切记一定要在你域名下配置文件不在Nginx。 location /INContrarian{ if (!-e $request_filen...
宝塔部署站点，访问出现404、502、页面无法访问~~~超详解
m0_62040326的博客
10-11 4727
1、这个就没啥说的了直接去备案就行了。自己去找找资料，一搜icp备案就出来了~，跟着步骤来就行比较简单，只不过需要审核备案时间略长。据说还有php版本问题，我没遇到过这里就不说了，大家自己去探索吧~~~~1、如果你部署得项目设计Tomcat那么一定检查Tomcat是否开启了。2、检查站点里的默认文档，这里它是有优先级的可以按照下方我这进行修改。1、查看站点里，域名管理中的端口号。3、同时也要确认服务器也添加80端口。2、确认宝塔安全组开放了80端口号。三、Tomcat及站点中的默认文档。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值