原文:Vue pc端项目打包后在nginx中无法正常浏览,点击页面出现404

最近写了一个PC端项目,在打包上线时遇到一个问题,在nginx打包后在线上预览网站刷新页面时会报 错误,点击某些商品也会报 错误,经过查找原因发现是因为当时把路由模式设为了 history路由 只需要将路由转为hash即可 两种路由的具体说明 hash 即地址栏URL中的 符号 此hsah 不是密码学里的散列运算 。 比如这个URL:http: www.abc.com hello, hash 的值 ...

2020-05-12 20:00 0 710 推荐指数:

查看详情

解决webpack打包vue项目,部署完成,刷新页面页面404

1.url不动式url完全不动,即你的页面怎么改变,怎么跳转url都不会改变。这种情况的原理 就是纯ajax拿到页面替换原页面的元素,刷新页面就是首页 2.带hash(#)式这种相对于第一种的话刷新页面页面不会丢失 实现原理写一个window事件我监听url的变化,那我就能实先路由 ...

Wed Sep 04 19:17:00 CST 2019 0 2318
Vue下路由History mode 出现404无法正常刷新

在History mode下,如果直接通过地址栏访问路径,那么会出现404错误,这是因为这是单页应用(废话)…其实是因为调用了history.pushState API 所以所有的跳转之类的操作都是通过router来实现的,解决这个问题很简单,只需要在后台配置如果URL匹配不到任何静态资源,就跳转 ...

Mon Sep 10 23:25:00 CST 2018 0 909
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM