- 博客(4)
- 收藏
- 关注
RSS订阅原创 Vue 路由跳转相同路径页面（数据）不刷新（NavigationDuplicated: Avoided redundant navigation to current location: “xxx“）
场景：在 Vue 中实现导航栏搜索功能时，需要在点击搜索按钮后去往搜索页面，并展示相应的页面数据。虽然在第一次点击按钮后可以正常响应，但是在后几次点击按钮时页面（数据）就不再刷新了。在出现上述场景的同时，浏览器也报了错误：NavigationDuplicated: Avoided redundant navigation to current location: “xxxxxx”查阅相关资料后，发现原因只是你重复发送了相同的路由路径，该错误对项目并没有影响，但若是你看着不舒心的话，也可以在项目.
2021-03-24 02:41:52
1901
5
原创 基于 SpringBoot + Vue + redis 实现的 token 功能（对登陆后的请求添加验证、拦截功能）
场景：在前后端分离（SpringBoot + Vue）的项目中，部分网站需要在登陆之后才可以访问其他页面进行相关操作（例如：某某某后台管理系统），这时，在用户登录之后就需要后端给前端发送一个令牌，前端接收后保存在本地（Session Storage），往后前端发送的每个请求都需要携带该令牌，后端验证之后才可以响应数据给前端，这样就不会被没有登陆的人员恶意的访问后端，并篡改数据库的相关数据了。 上述场景说的令牌就是token了，在往常没有前后端分离的项目中，实现诸如此类的功能一般是使用 cookie .
2021-03-22 02:43:50
2126
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
4410
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
4882
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人