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的问题了

  • 7
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 7
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值