vue项目实战-1。vue技术点之axios，前后端分离登陆验证tonken连接redis，springcloud

最新推荐文章于 2024-07-25 10:43:44 发布

九八年的尾巴

最新推荐文章于 2024-07-25 10:43:44 发布

阅读量431

点赞数 1

分类专栏： Vue 文章标签： vue java spring boot

本文链接：https://blog.csdn.net/q736317048/article/details/106464800

版权

本文介绍了Vue项目中使用Axios进行前后端分离的登录验证，涉及Spring Boot后端和Redis的Token管理。在Vue前端通过Vue-cli搭建，利用Axios处理Ajax请求，并解决跨域问题。在遇到的异常中，分析了前端参数传递、错误状态码的原因，并提出了相应的解决方案。此外，还探讨了如何在Vue项目全局引入Axios。

摘要由CSDN通过智能技术生成

后端项目在cloud分栏有git上传，需要自行下载

vue 脚手架 VUE-cli

和后端交互，离不开ajax

下载ajax封装:npm install axios --save

在父组件中访问ajax，得到数据之后返回给子组件

1.终端下载npm install axios --save

2.导包： import axios from ‘axios’

3.为了避免跨域问题，端口号冲突问题，这时候需要创建vue.config配置文件接口映射

module.exports = {
	//代理，当用户发送请求时，会转到路径下  直接访问出现跨域问题
	devServer: {
		proxy: "http://127.0.0.1:8084"
	}
};

在 node_modules/sockjs-client/dist/sockjs.js 中 1605行代码注释就不会出现连接中断

		mounted(){
			axios.get("/get").then(//get 后台路径
				// function(res){
				// 	console.log(res)
				// }
				res => {//简写方式
					console.log(res)
				}
			)
		}

页面访问localhost:8080 f12data里有数据即可
在这里插入图片描述