- 博客(4)
- 收藏
- 关注
原创 Vue 路由跳转相同路径页面(数据)不刷新(NavigationDuplicated: Avoided redundant navigation to current location: “xxx“)
场景:在 Vue 中实现导航栏搜索功能时,需要在点击搜索按钮后去往搜索页面,并展示相应的页面数据。虽然在第一次点击按钮后可以正常响应,但是在后几次点击按钮时页面(数据)就不再刷新了。在出现上述场景的同时,浏览器也报了错误:NavigationDuplicated: Avoided redundant navigation to current location: “xxxxxx”查阅相关资料后,发现原因只是你重复发送了相同的路由路径,该错误对项目并没有影响,但若是你看着不舒心的话,也可以在项目.
2021-03-24 02:41:52
1944
5
原创 基于 SpringBoot + Vue + redis 实现的 token 功能(对登陆后的请求添加验证、拦截功能)
场景:在前后端分离(SpringBoot + Vue)的项目中,部分网站需要在登陆之后才可以访问其他页面进行相关操作(例如:某某某后台管理系统),这时,在用户登录之后就需要后端给前端发送一个令牌,前端接收后保存在本地(Session Storage),往后前端发送的每个请求都需要携带该令牌,后端验证之后才可以响应数据给前端,这样就不会被没有登陆的人员恶意的访问后端,并篡改数据库的相关数据了。 上述场景说的令牌就是token了,在往常没有前后端分离的项目中,实现诸如此类的功能一般是使用 cookie .
2021-03-22 02:43:50
2198
6
原创 向请求头添加自定义属性,实现token功能时,出现CORS跨域导致请求失败( has been blocked by CORS policy: ... No ‘Access-Control-All)
场景:在使用 SpringBoot + Vue 进行前后端分离的开发过程中,部分功能是需要当用户登陆成功时后端(SpringBoot)向前端(Vue)返回一个token值,前端将这个token值放在以后每个请求的请求头中,后端先从拦截器中验证token值的存在,再放行请求,以确保不会被别人恶意修改、删除数据,结果出现了CORS跨域导致请求失败的情况。上述场景出现的浏览器报错:Access to XMLHttpRequest at ‘http://xxxxxxxx’ from origin ‘htt.
2021-03-20 20:01:46
4759
10
原创 vue项目部署到linux服务器出现的问题及解决方案(css、js丢失及部署成功后访问时刷新页面出现404问题)
场景:将开发好的vue项目编译打包到linux服务器上的nginx时,出现了css、js丢失,elementui的字体图标无法显示,以及部署完成后在浏览器访问成功,但刷新、回退时出现404的问题。问题一:css、js丢失原因:这是由于在执行npm run build命令编译后,在dist文件夹下的index.html页面中,对样式以及js文件的路径都是以 / 开头的绝对路径,例如:解决方案:如果是vue3.0以前的版本,则可以在项目在的config目录下的index.js中将以下代码:修改.
2021-03-19 23:18:53
5037
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人