四时宝库

哈喽哈喽 大家好，今天跟大家分享一下关于vue开发的一些小技巧。

目前前端最主流的两个 开发 模式 就是 react 和 vue 。他们的特点显明，一个是类似 jsp的jsx语言，js动态拼凑html片段，一个是模板与控制分开，各有千秋，都有大量的支持者。

今天主要给大家介绍一个基于vue的项目，从哪些方面可以帮你提升开发效率，以及工程的一致性。

Nestjs??Http???

Nestjs??HttpModule???????Axios????????HttpService????HttpService??Axios????????Obervable??????????磬HttpService??Post??????Nestjs???????????д???

一 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