项目遇到的问题总结
小白-先森
一枚非常普通的计算机专业2020级大学生
展开
-
同源策略以及CORS跨域资源共享
一;同源策略:1.同源是一种安全机制,为了预防某些恶意行为(例如 Cookie 窃取等),浏览器限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。2.满足同源要具备三方面:协议相同、域名相同、端口相同。3.只要以上三点有一点不满足,就会产生跨域,解决跨域常见的方法:JSONP,CORS。二;什么是CORS:1.CORS (Cross-Origin Resource Sharing,跨域资源共享)由一系列 HTTP 响应头组成,这些 HTTP 响应头决定浏览器是否阻止前端原创 2022-03-28 15:02:55 · 1507 阅读 · 0 评论 -
Vue路由指定重定向跳转(电商项目中的路由跳转逻辑)
需求概述:当用户没有进行登录时是不允许跳转到 个人订单,我的购物车等页面的,如果用户在未登录状态下点击了这些选项,则跳转到登录页面让用户进行登录。当用户登录完成之后不是跳转回首页,而是直接跳转回用户点击的那个选项本应跳转的页面。比如点击个人订单跳转到登录页面了,完成登陆后直接跳转回个人订单页面。解决方法:1.在进行路由跳转登录页面时动态的给登录页面传递 query 参数。(下方图片代码是写在全局路由守卫当中的)2.因为在跳转时给 login 登录页面传递了 query 参数.原创 2022-03-12 14:49:04 · 2685 阅读 · 0 评论 -
Vuex 无法持久化存储---借助本地存储完成用户登录
场景:用户登录需要携带 token 向服务端获取数据,但是如果将 token 存储在Vuex当中,刷新页面时 token 将被清空,导致服务器无法根据 token 返回对应的用户数据原因:Vuex是无法持久化存储的解决方法:借助 localStorage 存储 token 实现持久化存储// 在Vuex文件中// action内容:// 登录业务 async userLogin({ commit }, data) { let res = await reqLog原创 2022-03-05 20:51:26 · 669 阅读 · 1 评论 -
Vue中使用Axios请求后端接口的方法总结
1.在入口文件引入axios并配置请求头根路径和请求头拦截// 引入axiosimport axios from 'axios'// 设置请求根路径 axios.defaults.baseURL='http://127.0.0.1:8888/api/private/v1/'// 设置请求头拦截axios.interceptors.request.use(config => { config.headers.Authorization = window.sessionStorage.原创 2021-12-07 21:35:05 · 4304 阅读 · 0 评论