[JavaScript知识库]简单记录一次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;

?问题解决~

?

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