Angular axios post跨域 qs报错

2021/4/15 10:58:45

本文主要是介绍Angular axios post跨域 qs报错,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

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报错的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程