沃梦达 / IT编程 / 移动开发 / 正文

Angular axios post跨域 qs报错

Angular axios post跨域 qs报错解决Post跨域引入qs解决qs报错解决Post跨域修改headersaxios.post(requestUrl,qs.stringify({where: this.validateForm.value.where,f: pjson}),{headers: {//设置headers解决Pos...

Angular axios post跨域 qs报错

    • 解决Post跨域
    • 引入qs
    • 解决qs报错

解决Post跨域

修改headers

axios.post(requestUrl,
        qs.stringify({
          where: this.validateForm.value.where,
          f: 'pjson'
        }),
        {
          headers: {//设置headers解决Post跨域
            'content-type': 'application/x-www-form-urlencoded',
          }
        }).then(res => {
          console.log(res)
        })

接下来要将 post 的参数转换为序列化的 URL 形式,不然会出现参数传递失败,可能你需要这样的参数

得到的却是这样的
where:“name”:‘北京’,
f:“pjson”

引入qs

npm i qs --save
import qs from 'qs';

这时会报错
global is not defined

解决qs报错

找到src/polyfills.ts
添加

(window as any).global = window;


这样就能解决它的报错了。

本文标题为:Angular axios post跨域 qs报错