Vue项目通过宝塔部署之后,页面刷新后浏览器404页面。

当我们自己的项目完工之后,我们肯定会迫不及待的想把自己的劳动成果挂载到自己的服务器上去,当我们将项目部署到服务器之后,我们进行浏览器的访问,是能正常访问的,可是当我们在浏览器上进行刷新之后,浏览器会给我们返回一个404的页面。
在这里插入图片描述下面(宝塔面板nginx配置界面)让我来我说下我遇到这个问题之后的解决方案:

第一步:找到配置文件的位置
在这里插入图片描述第二步:打开配置文件,打开配置文件我们会看到下方的配置信息
在这里插入图片描述第三步: 在配置信息中加入:try_files $uri $uri/ /index.html;
在这里插入图片描述浏览器刷新后页面返回404问题解决了
在这里插入图片描述【注】我在宝塔中部署项目使用的是Nginx代理服务器,如果朋友们使用的是别的服务器运维面板或者是在终端进行的项目部署,解决的思路跟上述步骤差不多:找到相应项目的nginx配置文件,然后在配置中添加try_files $uri $uri/ /index.html;(可以解决vue或react框架的history路由模式报404或500问题),经过以上步骤就能解决刷新后跳转到404的问题了

  • 9
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

于先生吖

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值