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

未完待续~~