Vue项目搭建过程
1、使用脚手架工具搭建项目
2、准备静态资源
3、调整生成项目结构
使用脚手架工具搭建项目
网络请求库axios
Axios是一个基于Promise的HTTP库,适用于浏览器和node.js环境,用于发送网络请求。
特点
跨平台性:Axios既可以在浏览器端使用,通过创建XMLHttpRequests发送请求,也可以在node.js(服务器端)使用,利用原生node.js的http模块发送请求。
Promise支持:Axios完全支持Promise API,使得异步操作更加简洁和易于管理。
请求/响应拦截器:Axios支持请求和响应拦截器,允许在请求或响应被处理前拦截它们,进行自定义处理。
数据转换:Axios可以自动转换请求数据和响应数据,默认将响应内容转换为JSON类型的数据。
批量请求:Axios支持批量发送多个请求,并提供axios.all方法处理这些请求的结果。
安全性:Axios在客户端支持防御XSRF(跨站请求伪造)攻击,提高了应用的安全性。
常用方法
axios.request(config):这是Axios的通用请求方法,接受一个配置对象作为参数,该对象包含请求的所有配置信息。
axios.get(url[, config]):发送GET请求,用于获取数据。接受一个URL作为参数,以及一个可选的配置对象。
axios.post(url[, data[, config]]):发送POST请求,用于提交数据。接受一个URL作为参数,一个可选的数据对象,以及一个可选的配置对象。
axios.delete(url[, config]):发送DELETE请求,用于删除数据。
axios.put(url[, data[, config]]):发送PUT请求,用于更新数据。
axios.patch(url[, data[, config]]):发送PATCH请求,用于对资源进行部分更新。
拦截器
Axios的拦截器允许在请求或响应被处理前拦截它们,进行自定义处理。这可以用于添加认证token、处理错误响应等。
请求拦截器:在请求发送前拦截请求,可以对请求配置进行修改或添加额外的处理逻辑。
响应拦截器:在响应到达前拦截响应,可以对响应数据进行处理或处理错误响应。
Vant介绍
Vant 是一套轻量、可靠的移动端 Vue 组件库,用于快速搭建移动应用。
Vant 4 - A lightweight, customizable Vue UI library for mobile web apps.
安装
npm install vant
未完待续~~