位置:首页 > Vue >

Vue项目部署到服务器 刷新提示404

字号+ 作者:micloud 来源:www.seoalphas.com 2023-03-24 12:28 浏览量:2877

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

111.png


方法一:使用vue-router有两种模式

修改src/router/index.js文件中的history属性,设置为createWebHashHistory。(这种调整,会使url出现"#")

 

const router = createRouter({
    history: createWebHistory(),
    routes
})

 

方法二:

如果不想页面url上出现#的形式,可以通过调整nginx.conf配置文件进行调整

location /{
      if (!-e $request_filename){
        rewrite ^(.*)$ /index.html?s=$1 last;
        break;
      }
    }

 



1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

上一篇:vue确认提示框
下一篇:没有了
相关文章
  • vue点击事件@click.stop(阻止冒泡).native

    vue点击事件@click.stop(阻止冒泡).native

    浏览次数:9586

  • Vue+Element UI Radio默认选中问题 selected

    Vue+Element UI Radio默认选中问题 selected

    浏览次数:8376

  • 基于Vue快速实现列表拖拽排序

    基于Vue快速实现列表拖拽排序

    浏览次数:3467

  • vue Element的Dialog组件中使用wangEditor初始化问题

    vue Element的Dialog组件中使用wangEditor初始化问题

    浏览次数:3373

网友点评
评论区域