用了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;
问题解决~
本次是以记录问题,解决问题为目的,时刻鞭策自己前进



