axios post请求变成了get 报错405

最新推荐文章于 2023-04-01 10:36:53 发布

原创最新推荐文章于 2023-04-01 10:36:53 发布 · 8.6k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#axios

收录于

vue 同时被 2 个专栏收录

25 篇文章

订阅专栏

axios

1 篇文章

订阅专栏

本文记录了一次使用axios库进行HTTP请求时的常见错误。作者在配置axios实例时，因将method属性误写为methods，导致POST请求被错误地解析为GET请求，并引发405错误。文章还提到了通信协议错误（如http与https混淆）同样可能导致类似问题。

今天sb了……

创建了axios实例，配置选项后，发现post请求变成了get请求，报错405

对axios封装的部分代码：

let instance = axios.create()
const $axios = function(opts) {
    opts.params = {
        time: new Date().getTime()
    }
    return instance(opts)
}
export default $axios

接口文件：

import $axios from '@/axios/index'
export function getGaListApi(params) {
    return $axios({
        url: '/api/datacenter/dataStatistics/police/list',
        methods: 'post',
        data: params
    })
}

喊来小伙伴一起看，一直没发现问题，最后猛地发现methods多了一个s，应该是method

ps：小伙伴说遇到过通信协议错了（http/https），也会报这个错