vue项目部署后刷新404_vue重载当前页面

vue项目部署后刷新404_vue重载当前页面vue页面访问正常,但是一刷新就会404的问题解决办法:第一种解决方法:将vue路由模式mode:’history’修改为mode:’hash’//router.js文件constrouter=newRouter({//mode:’history’,mode:’hash’,routes:[{path:’/’,redirect:’/login’},{path:’/login’,compon

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

vue页面访问正常,但是一刷新就会404的问题解决办法:

第一种解决方法:

将vue路由模式mode: ‘history’ 修改为 mode: ‘hash’

//router.js文件
const router = new Router({
    //mode: 'history', 
    mode: 'hash',
    routes: [
        { path: '/', redirect: '/login' },
        { path: '/login', component: Login },
    ]
})

第二种解决方法:

在服务器Nginx配置文件里,添加如下代码,再刷新就OK了

location / {
 try_files $uri $uri/ @router;
  index index.html;
}

location @router {
  rewrite ^.*$ /index.html last;
}

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/183530.html原文链接:https://javaforall.net

(0)
上一篇 2022年10月10日 下午3:00
下一篇 2022年10月10日 下午3:00


相关推荐

  • pmf文件「建议收藏」

    pmf文件「建议收藏」1、首先是视频软件,其次还是DISKGENI(磁盘分区软件),当作镜像文件恢复文件到磁盘(类似ISO)。2、PMF文件为主要与primarilyPegasusMailMessageAttachment(DavidHarris)相关联的GIS文件。PMF文件还与以下相关联:PayrollMate2008(RealTaxTools.com),PCLToolPageTechM…

    2022年6月18日
    75
  • B/S架构与C/S架构的区别

    B/S架构与C/S架构的区别

    2021年10月12日
    46
  • Linux系列命令——su,sudu,whoami命令详解

    Linux系列命令——su,sudu,whoami命令详解1 su 切换用户命令 2 sudo 以 root 的身份执行命令 但是环境变量还是当前用户的 执行目录也仍然是当前目录 3 whoami 显示当前用户名

    2026年3月19日
    1
  • AI图片提示词生成器:一键生成专业级AI绘画提示词

    AI图片提示词生成器:一键生成专业级AI绘画提示词

    2026年3月13日
    19
  • Android ListView功能扩展,实现高性能的瀑布流布局

    Android ListView功能扩展,实现高性能的瀑布流布局经过前面两篇文章的学习 我们已经对 ListView 进行了非常深层次的剖析 不仅了解了 ListView 的源码和它的工作原理 同时也将 ListView 中常见的一些问题进行了归纳和总结 那么本篇文章是我们 ListView 系列三部曲的最后一篇 在这篇文章当中我们将对 ListView 进行功能扩展 让它能够以瀑布流的样式来显示数据 一直关注我博客的朋友们应该知道 其实在很早之前我就发布过一篇关于实现瀑布流布局的文章 Android 瀑布流照片墙实现 体验不规则排列的美感 但是这篇文章中使用的实现算法比较简单 其实就是在

    2026年3月19日
    3
  • java集合详解_通俗易懂java集合

    java集合详解_通俗易懂java集合ArrayDequeArrayDeque是Deque接口的一个实现,使用了可变数组,所以没有容量上的限制。同时,ArrayDeque是线程不安全的,在没有外部同步的情况下,不能再多线程环境下使用。ArrayDeque是Deque的实现类,可以作为栈来使用,效率高于Stack;也可以作为队列来使用,效率高于LinkedList。需要注意的是,ArrayDeque不支持null值。ArrayDeque初识说明书和继承关系还是按照国际惯例,先看一下ArrayDeque的说明书,其实往往很多时候你的困

    2026年2月3日
    8

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号