一 index.js 搭建简易服务器并创建http接口

// 1. 导入express（前提是安装了node和express）
const express = require('express')
// 2. 创建web服务器
const app = express()
/* 通过cors中间件可以解决跨域问题，需要npm i cors */
const cors = require('cors')
/* 通过bodyParser中间件可以解析到req.body，即浏览器端的请求参数npm i body-parser */
const bodyParser = require('body-parser')
app.use(bodyParser.urlencoded({extended: true}))
app.use(bodyParser.json())
app.use(cors())
// 4. 监听客户端的get和post请求，并向客户端响应具体的内容
app.get('/todo', (req, res) => {
console.log(req.query)
const obj = {
name: 'zs',
age: 20
}
// 在路由中使用共享数据
res.send(obj)
})
app.get('/book', (req, res) => {
console.log('1111')
console.log(req.query)
const obj = {
author: '施耐庵',
type: '小说'
}
// 在路由中使用共享数据
res.send(obj)
})
app.post('/sg', (req, res) => {
console.log('body', req.body)
const obj = {
name: 'apple'
}
// 在路由中使用共享数据
res.send(obj)
})
// 3. 启动服务器
app.listen(8263, () => {
console.log('启动了express服务器：http://127.0.0.1:8263')
})

本篇文章主要目的就是想告诉我身边，正在学 vue3 或者 准备学 vue3 的同学，vue3中网络请求axios该如何使用，防止接触了一点点 vue3 的同学会有个疑问？生命周期、router 、vux使用都改变了，那 axios 使用有没有啥改变？

小姐姐

使用 axios 之前，需要先安装好。

当我采用默认axios配置是不管我采用get还是post我都无法下载文件

我搓火的要死了；

后来将axios配置的responseType: 'blob' 文件好像是可以下载了，但是在ajax 返回中无法拿到 文件名称

文件名称 在返回的 的文件头 headers：content-disposition 中，但是我们的返回response 中就是没有这个参数

当在 Vue 3 的单文件组件中使用'axios'进行网络请求时，需要先安装并导入'axios'。可以在'setup()'函数中使用'axios'发送请求，并将响应数据保存到一个响应式的对象中，最后将该对象作为组件的返回值。在使用'axios'时需要在'vue.config.js'中配置跨域请求。

在进行Vue 3 的网络请求时，通常会使用'axios'或者'fetch'API。以下是使用'axios'进行网络请求的示例代码：

本文是我们团队每周分享的内容，该内容是由导师整理分享的。Eaxios

前言：

Axios是一个来自于vue官方推荐的一个用于与后端（Java、go、Python、PHP）进行数据交互的JavaScript库，你可以通过axios库快速高效的与后端进行数据交互，是现文件上传等复杂功能。

JavaScript库：Axios

安装Axios：

将命令提示符切换到项目目录输入"npm install vue-axios --save"进行安装，在安装完毕后在main.js粘贴如下内容：

原因

使用axios请求数据时，Content_Type变成了application/json; charset=utf-8，而发送的参数为JSON对象，axios将其进行了stringify处理。axios官方文档称，axios使用post方式发送数据时，默认是直接将JSON放在请求体中提交到后端的，这与服务器端所要求的'Content-Type': 'application/x-www-form-urlencoded' 以及 @RequestParam 不符合。

一开始学习axios时，与后端交互用的是从网上down下来封装好的axios，直接使用也并未发现什么问题。直到有一天自行写项目时，自己封装了get和post请求，post没有问题，但get请求，后端表示收不到数据。那时的我一直不明白个所以然，一直认为一定是后端出了问题。后来查了很多资料，才解开这个谜团。所以今天把axios容易犯错的地方写下来，给初学axios的小伙伴们提个醒。以下部分内容面试时可能会用到。