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


相关推荐

  • python 中 print函数的用法详解

    python 中 print函数的用法详解目录一、print()函数概述二、变量的输出三、数据的格式化输出3.1%字符3.2 最小字段宽度和精度3.3 转换标志3.4 格式字符归纳四、换行与防止

    2022年7月5日
    21
  • PHP代码审计入门学习过程

    PHP代码审计入门学习过程PHP代码审计学习过程:花了两周的时间在B站上看完了一个老师讲的代码审计课程,主要是通过实战的方式对一个CMS系统里面的漏洞进行讲解,一步一步的审计找出漏洞,对新手来说确实困难,要上手的话还是自己找网上一些简单的CMS或是代码审计靶场来练手。代码审计入门确实挺难的,大部分原理都没有学会,后续也要继续加深学习。进行代码审计必须要关注:1.敏感的函数和变量2.跟踪敏感函数和关键字参数传递过程。3.查找可控变量,一步一步的跟踪变量测传递过程。4.寻找敏感功能点,对功能点进行审计PH.

    2026年4月14日
    4
  • opencv是什么

    opencv是什么nbsp nbsp nbsp nbsp nbsp OpenCV 是一个用于图像处理 分析 机器视觉方面的开源函数库 nbsp nbsp nbsp nbsp nbsp 无论你是做科学研究 还是商业应用 opencv 都可以作为你理想的工具库 因为 对于这两者 它完全是免费的 该库采用 C 及 C 语言编写 可以在 windows linux macOSX 系统上面运行 该库的所有代码都经过优化 计算效率很高 因为 它更专注于设计成为一种用于实时系统的开源库 opencv 采用 C 语言进行优化 而且 在多核机器上面 其运行速度会更快 它的一个目标是提供友好的机器视觉接口函数 从而使得复杂的机器

    2026年3月26日
    3
  • Mybatis分页插件使用的详解[通俗易懂]

    Mybatis分页插件使用的详解[通俗易懂]前言关于分页,一般来说rowBounds这种假分页都上不了台面,我们往往都选哟真分页,那么还不想搞得很麻烦,Mybatis的分页插件就为后端程序员解决了这个问题例子首先需要导入依赖,没错pagehelper<dependency><groupId>com.github.pagehelper</groupId><artifactId>pagehelper</artifactId><v

    2022年10月9日
    5
  • razorpages_rabeprazole

    razorpages_rabeprazole什么是RazorPage我们都知道在Asp.NetMVC中,Razor是其一种视图引擎。而今天我们介绍的RazorPage却是一种web框架,它是一种简化的MVC框架,如果你曾经做过WebForm的开发者,你会发现,RazorPage有点类似WebForm,一个page,一个class。大家或许会有疑惑,我们现在Asp.NetMVC已经很完善了,为何还需要出来一种新型的框架呢?在我看来,MVC确实已经足够强大了,只是因为太强大了,却变成了它的缺点。当我们的业务越来越庞大的时候,你是否觉得你的一

    2025年6月29日
    5
  • 数据库去重有几种方法_数据库去重有几种方法

    数据库去重有几种方法_数据库去重有几种方法MySQL数据库去重的方法​数据库最近有很多重复的数据,数据量还有点大,本想着用代码解决,后来发现用SQL就能解决,这里记录一下看这条SQLDELETEconsum_recordFROMconsum_record,(SELECTmin(id)id,user_id,monetary,consume_timeFROMconsum_recordGROUPBYuser_id,monetary,co…

    2022年10月1日
    4

发表回复

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

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