时间戳

首页 > 解决方案 > Axios 不断向错误的端点发送 GET

javascript - Axios 不断向错误的端点发送 GET

问题描述

我将 axios 配置为向在 localhost:8081 运行的快速后端发送请求

src/htpp/index.js

import axios from 'axios'

export default axios.create({
  baseURL: 'http://localhost:8081/api/',
  timeout: 1000,
  headers: {'X-Custom-Header': 'foobar'}
})

然后在一个 vue 组件中，我发送一个发布请求来发布表单数据

src/components/create-list.vue

import http from '../http'

http.request({
  url: 'lists',
  method: 'post',
  data: {
    displayName: this.displayName,
    listName: this.listName,
    userEmail: this.userEmail
  }
})

当我提交表单时，会发送以下请求

请求网址：http://localhost:8080/?list-name=Test&user-email=test%40test.de&user-name=Test

请求方法：GET

我期待

请求网址：http://localhost:8081/api/lists

请求方法：POST

请求正文：{“list-name”：“Test”，“user-email”：“test@test.d”，“user-name”：“Test”}

我在这里做错了什么？

标签： javascriptvue.jsaxios

解决方案

也许您可以尝试像这样导入您的 index.js。确保你的路径是正确的。还尝试将 http 名称更改为其他名称，例如 Chad Moore 提到的。

import http from '../http/index'

推荐阅读