Ewall_熊猫

关注

Vue项目部署后,刷新提示404

Ewall_熊猫

关注

阅读 55

2022-01-06

一、遇到的问题

Vue项目打包部署到线上后,刷新页面会提示404。这是因为网页访问的是静态绝对路径,而服务器上没有该路径。
在这里插入图片描述


二、解决方法

  • 方法一:
    修改src/router/index.js文件中的mode属性,设置为hash。(这种调整,会使url出现"#")
    在这里插入图片描述

  • 方法二:
    调整nginx.conf配置文件
    在这里插入图片描述

相关推荐

梦幻之云

Vue项目部署Nginx后,刷新页面出现404问题

梦幻之云 94 0 0

40dba2f2a596

vue项目部署后刷新网页报404错误解决

40dba2f2a596 36 0 0

_karen

解决vue部署到nginx后刷新404

_karen 88 0 0

素锦时年_1b00

react项目打包部署上线完毕后,刷新报错404

素锦时年_1b00 184 0 0

穆风1818

vue 项目 页面刷新404问题

穆风1818 74 0 0

捡历史的小木板

vue项目如何部署?有遇到布署服务器后刷新404问题吗?

捡历史的小木板 56 0 0

Sky飞羽

解决Nginx中vue项目刷新404

Sky飞羽 68 0 0

荷一居茶生活

部署Vue项目到服务器后404错误

荷一居茶生活 25 0 0

棒锤_45f2

uniapp(vue)打包web项目页面刷新后报404解决方案

棒锤_45f2 12 0 0

路西法阁下

Vue项目部署--Nginx配置

路西法阁下 38 0 0

精彩评论(0)

0 0 举报