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

一、遇到的问题

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


二、解决方法

  • 方法一:
    修改src/router/index.js文件中的mode属性,设置为hash。(这种调整,会使url出现"#")
    Vue项目部署后,刷新提示404_第2张图片

  • 方法二:
    调整nginx.conf配置文件
    Vue项目部署后,刷新提示404_第3张图片

你可能感兴趣的:(#,1-Vue,vue.js,前端)