栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 系统运维 > 运维 > Linux

简单记录一次vue访问路由地址页面404问题

Linux 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

简单记录一次vue访问路由地址页面404问题

背景

 

用了vue的router生成路由路径,页面上点击的链接均通过router-link跳转页面

本地:npm run serve启动项目,访问location:8080可以访问,点击页面上链接,能正常跳转,且直接输入location:8080/{路由地址}也能正常访问

服务器:由npm run build 打包项目,放到nginx环境下,访问绑定的域名能正常访问,点击页面链接能正常跳转,但是!直接输入  域名/{路由地址}缺直接报404,排查路由均一切正常。

解决

排查了路由和重定向均一切正常,再回到错误页面,发现是nginx报错404,思考应该是nginx报错,没有配置相关的配置,找到思路以后,通过查阅资料得知,在路由是history模式时,通过点击能进入到相关页面,但是刷新以后,就直接404,这种是需要后端配合修改nginx,借用大佬的以下nginx配置写法,得以解决此问题

try_files $uri $uri/ /index.html;

 问题解决~

 

本次是以记录问题,解决问题为目的,时刻鞭策自己前进

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/289363.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号