vue 使用 axios 时 post 请求方法传参无法发送至后台

最新推荐文章于 2024-01-17 11:01:35 发布

转载最新推荐文章于 2024-01-17 11:01:35 发布 · 293 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhourongcode/p/9568916.html

文章标签：

#javascript #ViewUI

axios 时 post 请求方法传参无法发送至后台报错如下

Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource

vue 框架推荐使用 axios 插件发送数据，使用 axios 插件结合 qs 插件实现 post 传参不报错。

安装插件

npm install --save axios
npm install --save qs

引入插件

import axios from 'axios'
import qs from 'qs'

在 methods 中使用

methods: {
    getData() {
         axios.post(url,   // url 以自己的地址为准
            qs.stringify({
                key: '' // 值按照需求传入
            })
        ).then(res => {
            console.log(res.data)
        }).catch(error => {
             console.log(error)
        })                   
    }
}

按照上述方法可解决 axios 使用 post 请求传参问题