Django+Vue全栈开发项目入门(一)

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

未完待续~~

相关推荐
大江东去浪淘尽千古风流人物1 小时前
【FLORA】机器人视频标注引擎解析:三模型如何产出动作指令与四类奖励信号
matlab·机器人·跨模态·遥感·图像匹配·1024程序员节·特征描述符
【 STM32开发 】2 小时前
【CubeMX+STM32】SD卡 文件系统读写 FatFs+SDIO+DMA (F103版本)
stm32·单片机·嵌入式硬件·1024程序员节
牢姐与蒯4 小时前
WSL2 迁移教程:把Ubuntu+WSL2从C盘挪到别的盘
linux·运维·服务器·网络·ubuntu·1024程序员节
1-1=05 小时前
.NET Core 配置与选项
.net·.netcore·1024程序员节
搭贝5 小时前
【无标题】
人工智能·低代码·ai·1024程序员节·搭贝
云和数据.ChenGuang14 小时前
Python 重写(Override)深度解析:从 MRO 到 super() 的完整机制
java·开发语言·人工智能·python·langchain·1024程序员节
天空依然蔚蓝15 小时前
分享一个自动检测网站在线状态的python程序
python·运维开发·1024程序员节
路灯上の马陈15 小时前
二叉树的定义与性质
数据结构·二叉树·树结构·1024程序员节
中伟视界20 小时前
煤矿安全监控数据造假识别:时序异常检测与AI视频交叉核验工程实践
1024程序员节
Be for thing20 小时前
PyTorch基础|Tensor张量详解,张量创建、数据类型与常用操作
pytorch·学习·1024程序员节