vue3中vue-axios POST时CORS跨域解决

783 阅读1分钟
import qs from "qs"; // npm i qs
import { Request } from './https'

export function postdata (parameter: any)  {
    return Request.axiosInstance({
        url: 'index.php?m=home',
        method: 'post',
        data: qs.stringify(parameter)
    })
}

在 get 时都没问题,POST时,出现 CORS跨域,查看了请求,Content-Type被定义为了 application/json;但封装时明明定义了defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

最后解决方法是,安装 qs 格式化post 数据。

npm i qs 安装 qs,然后在 data: 时格式化:qs.stringify(parameter)