个人技术博客--axios在vue中的具体应用

[081900310龚辰珺]

这个作业属于哪个课程	2023年福大-软件工程实践-W班
这个作业要求在哪里	软件工程实践总结&个人技术博客
这个作业的目标	课程回顾与总结、个人技术总结
其他参考文献	《构建之法》

目录

• 技术概述
• 技术详述
• 步骤及代码实现
• 相关流程图
• 技术使用中遇到的问题和解决过程
• 问题
• 解决方法
• 问题
• 解决方法
• 总结
• 参考博客

技术概述

Axios是一个JS库，用于进行HTTP请求。它可以方便地与服务器进行数据交互，实现数据获取、更新和删除等操作，所以被广泛应用。主要难点在于：异步操作和回调处理、跨域请求和安全性、请求和响应的拦截与处理等。

技术详述

步骤及代码实现

点击查看

相关流程图

技术使用中遇到的问题和解决过程

问题

解决方法

在请求头中添加并设置Content-Type为multipart/form-data

问题

跨域请求问题：当在前端应用程序中使用Axios发送跨域请求时，受到浏览器的同源策略限制，导致请求被阻止或失败。

解决方法

使用CORS（跨域资源共享）来允许特定域的请求，或者在服务器端进行代理请求，将跨域请求转发到目标服务器。或者在前端添加vue.config.js文件，里面进行相应的跨域代理配置。

总结

Axios是一个功能强大的HTTP请求库，可以发送各种类型的HTTP请求，如GET、POST、PUT、DELETE等。
它支持异步请求，并提供了简洁的API来设置请求头、请求参数和请求体。
Axios可以处理服务器返回的响应，并提供了便捷的方法来获取响应状态、头信息和数据体。
它具有拦截器功能，允许在发送请求之前和处理响应之前对它们进行拦截和处理，以添加通用的逻辑，如身份验证、错误处理或日志记录。
Axios支持取消正在进行的请求，以避免资源浪费和处理不必要的响应。
它可以处理跨域请求和安全性问题，并提供了错误处理和调试功能。
Axios被广泛应用于构建前端应用程序，用于与服务器进行数据交互，实现数据获取、更新和删除等操作。
Axios是一个简单易用且功能丰富的HTTP请求库，使得在JavaScript中进行HTTP通信变得更加方便和灵活，推荐使用。

参考博客

axios安装与基本方法