Vue项目部署后刷新提示404

作者:神秘网友 发布时间:2022-07-13 07:01:39

Vue项目部署后刷新提示404

原文链接:https://blog.csdn.net/sy201707/article/details/122337913

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

二、解决方法
方法一:
修改src/router/index.js文件中的mode属性,设置为hash。(这种调整,会使url出现"#")

方法二:
调整nginx.conf配置文件

Vue项目部署后刷新提示404

Vue项目部署后刷新提示404 相关文章

  1. Nginx---React、Vue项目部署Nginx后,刷新页面出现404问题

    Nginx---React、Vue项目部署Nginx后,刷新页面出现404问题 问题描述:React、Vue单页应用项目打包部署Nginx服务器后,刷新页面后,出现404。 问题原因:加载单页应用后路由改变均由浏览器处理,而刷新时将会请求当前的链接,而Nginx...

  2. 前端vue项目部署到tomcat,一刷新报错404解决方法

    前端vue项目部署到tomcat,一刷新报错404解决方法 公司前端写的后台部署到tomcat webapps目录下后,无法进行刷新,一刷新就会报错404,自动跳的404页面。在网上查了下,官方说是HTML5 History 模式引发的问题,但是解决方案中,并没...

  3. 与docker无关,单独安装nginx,解决vue多项目部署、刷新404 的问题

    下午两点,刚睁睡眼,突然收到一则消息,刷新页面有问题,404了。如果当初不纠结vue项目链接带#号的问题,这个404就不会发生。 docker中一顿操作nginx,找了个教程,结果试了很多遍也搞不定,首先,弄不明白 docker 重启了容器...

  4. vue-route+webpack部署单页路由项目访问刷新出现404问题

    vue-route+webpack部署单页路由项目,访问刷新出现404问题 问题描述: 前端同事使用Vue.js框架,利用vue-route结合webpack编写了一个单页路由项目,运维协助在服务器端配置nginx。部署完成后,访问首页没问题,从首页里打开二级页面...

  5. vue 部署到 iis 刷新报404

    vue 部署到 iis 刷新报404 很纠结是否要写这篇分享,因为vue官网上已经有了解答,但是完全照搬它的内容还有问题,因此决定还是分享一下解决方法: 一:vue刷新报404 问题原因我就不说了,官网已经说了,想了解的看这里:vue刷...

  6. vue-router上线后刷新报错404,解决方案

    vue-router上线后刷新报错404,解决方案 参考链接: 链接 官网说明 vue-router 默认 hash 模式 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。 如果不想要很丑的 hash,我们可以用路由的 history 模式,...

  7. Vue项目布署后,刷新页面404的真正原因找到了

    Vue项目布署后,刷新页面404的真正原因找到了 从一篇日记说起 我是一个小前端,我有写日记的习惯 2020年10月17天气 晴 今天天气不错,心情也跟着好起来了 辛辛苦苦加班两个星期终于完成了产品需求,到了要上线的时候了,嘴...

  8. idea部署tomcat启动成功后访问一直提示404

    idea部署tomcat启动成功后访问一直提示404 最近开始接触idea,今天遇到一个问题。部署了一个tomcat项目,启动也没问题,但通过浏览器访问一直提示404,但还是这个项目在eclipse中启动后就可以正常访问。于是猜测应该是idea中部署...

  9. idea SpringMVC项目部署后出现404错误

    idea SpringMVC项目部署后出现404错误 开发工具为idea springmvc部署项目后index.jsp可以正常访问,其他链接无法访问 点击超链接后直接404 个人被这个问题困扰了两天, 检查了无数遍项目代码有没有写错,路径是否正确 最后在网友的启...

  10. 解决vue打包部署到express后刷新页面丢失的问题

    解决vue打包部署到express后刷新页面丢失的问题 1. 这样出来的url会是hash形式的,不好看 2.express使用配置history中间件 要先安装require里面那个东西,cnpm i connect-history-api-fallback --save

  11. Nginx部署Vue项目静态文件404解决方案

    Nginx部署Vue项目静态文件404解决方案 简述: 最近网站被恶意攻击,首先在服务器安装了云锁,安装云锁的步骤在博文“Linux服务器安装云锁”中,有需要的大家可以看一下;随后在又安装了Nginx防火墙,长下面这个样子:

  12. Vue如何去掉#方法,刷新404报错问题

    Vue如何去掉#方法,刷新404报错问题 问题 :Vue如何去掉#方法,刷新404报错问题,采用的是IIS部署,前端,后台前端,API共用一个入口 背景 开发语言:.NETCORE 部署环境:IIS 项目结构:前后端分离即WEBAPI webapi相信大家都是前端内容展...

  13. angular v8 保护署到IIS后刷新404问题解决

    angular v8 保护署到IIS后刷新404问题解决 1.微软下载URL Rewrite 2.在部署目录添加web.config文件 configuration system.webServer rewrite rules rule name=Angular Rule Root stopProcessing=true match url=(.*) / conditions logicalGrouping=MatchAll a

  14. linux系统下部署项目访问报404错误

    linux系统下,部署项目访问报404错误 碰到了一个比较奇怪的问题,我在linux系统上安装了一个tomcat服务器,我将一个项目部署到了这个服务器上,然后我去访问这个tomcat,访问成功: 紧接着,我访问我部署项目的index.jsp页面,出...

  15. idea使用tomcat部署web项目访问404解决方案

    idea使用tomcat部署web项目,访问404解决方案 1、首先,右击项目,点击 open module settings 2、配置 project,主要是本地 jdk 的安装路径,还有项目编译输出的路径 3、配置 modules ,其中 paths 定位到 web-inf/classes ;dependencies 加入jdk和项目...

  16. Intellij IDEA 重命名Web项目并成功部署解决404错误

    Intellij IDEA 重命名Web项目,并成功部署,解决404错误 拷贝的项目在idea中修改命名,右键项目找到 Open Module Settings 修改完成之后,重启idea,部署项目流程如下 1、首先,右击项目,点击 open module settings,配置project,主要是本地 jd...

  17. Eclipse中Tomcat启动项目后404单独启动正常

    Eclipse中Tomcat启动项目后404,单独启动正常 问题描述: 在eclipse中新增Tomcat后,启动后,访问Tomcat地址后,返回404,但是单独启动Tomcat可以访问到页面。 问题排查: 由于Tomcat自启动没问题,那就只能说明是eclipse的配置有问题了...

  18. IDEA 部署Tomcat Web项目出现404错误的解决方式(保姆级别演示,

    IDEA 部署Tomcat Web项目出现404错误的解决方式(保姆级别演示,绝对有效) 最近使用IDEA开发项目,Tomcat启动正常,没有报错,但是项目启动之后一直是404状态,由此推断可能是Project Structure配置有问题 可以看出Tomcat是可以正常启...

  19. IDEA的导入eclipse项目后启动出现404的解决办法

    IDEA的导入eclipse项目后,启动出现404的解决办法 其实应该很多人都遇到过这个问题。 主要的问题原因为: 1、web.xml配置 servlet有问题。 2、Jar包版本不对或有缺少。 3、war打包的配置不对。 我直接上图解释下 IDEA每个地方的配置...

  20. vue项目 刷新当前页面

    vue项目 刷新当前页面 修改app.vue 通过声明reload方法,控制router-view的显示或隐藏,从而控制页面的再次加载。 isRouterAlive //true or false 来控制 然后在需要当前页面刷新的页面中注入App.vue组件提供(provide)的 reload 依赖,最后直接...

每天更新java,php,javaScript,go,python,nodejs,vue,android,mysql等相关技术教程,教程由网友分享而来,欢迎大家分享IT技术教程到本站,帮助自己同时也帮助他人!

Copyright 2021, All Rights Reserved. Powered by 跳墙网(www.tqwba.com)|网站地图|关键词