nest编程语言(Nestjs发送x-www-form-urlencoded风格的请求)
Nestjs的HttpModule模块打包了Axios并且暴露出HttpService接口,HttpService将Axios数据转换为Obervable并返回比如,HttpService的Post方法在Nestjs源码中是这样写的,今天小编就来聊一聊关于nest编程语言?接下来我们就一起去研究一下吧!
nest编程语言
Nestjs的Http模块
Nestjs的HttpModule模块打包了Axios并且暴露出HttpService接口,HttpService将Axios数据转换为Obervable并返回。比如,HttpService的Post方法在Nestjs源码中是这样写的。
post<T = any>(
url: string,
data?: any,
config?: AxiosRequestConfig,
): Observable<AxiosResponse<T>> {
return defer(() => this.instance.post(url, data, config));
}
默认情况下,HttpService发送的是JSON风格的请求,但是我们难免要和一些x-www-form-urlencoded风格的API打交道(我是在使用墨迹天气的API时遇到这个坑的)。因为Nestjs仅仅是对Axios进行了封装,因此要到Axios中找答案。
Axios官方说明
在Axois官方文档中对使用x-www-form-urlencoded format风格针对浏览器和node环境分别做了如下说明。
- 浏览器环境在浏览器中,可以使用URLSearchparamsAPI接口。需要注意的是并不是所有浏览器都支持URLSearchParams,所以可能需要polyfill一下。javascript const params = new URLSearchParams(); params.append('param1', 'value1'); params.append('param2', 'value2'); axios.post('/foo', params);在浏览器中也可以使用qs库javascript const qs = require('qs'); axios.post('/foo', qs.stringify({ 'bar': 123 }));或者使用ES6风格的qs.TypeScript //这是官方文档的写法,但是我在nestjs中用import会报找不到模块的错误,需要改成 //import * as qs from 'qs' //不确定浏览器中是否可以正常使用 import qs from 'qs'; const data = { 'bar': 123 }; const options = { method: 'POST', headers: { 'content-type': 'application/x-www-form-urlencoded' }, data: qs.stringify(data), url, }; axios(options);
- nodejs环境在nodejs中,可以使用querystring或者qs模块,但是早期版本的querystring存在一些问题,因此官方推荐使用qs模块。javascript //官方文档,未做验证 const querystring = require('querystring'); axios.post('http://something.com/', querystring.stringify({ foo: 'bar' }));
NestJs中的使用
按照Axios官方文档的推荐,使用qs库,由于qs在axios中封装,而Nestjs封装了Axois,因此不需要额外安装Axios或者qs就能直接使用。以墨迹天气的API接口为例,token和APPCODE需要换成相应内容即可正常使用。
import { Injectable, HttpService, Header } from '@nestjs/common';
import { map } from 'rxjs/operators';
import * as qs from 'qs';
@Injectable()
export class WeatherService {
constructor(private httpService: HttpService) {}
getWeatherId(id) {
const data = { cityId: id,token:**************** };
return this.httpService
.post(
'http://aliv18.data.moji.com/whapi/json/alicityweather/forecast15days',
qs.stringify(data),
{
headers: {
'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8',
Authorization: 'APPCODE *******************',
},
},
)
.pipe(map(response => response.data));
// return this.httpService(options).pipe(
// map(response=>response.data)
// );
}
免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com