Home Articles

Axios不断将GET发送到错误的 endpoints

Asked
Viewed 291 times
0

我配置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 /组件/创建-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”}

我在这做错了什么?

2 Answers

  • 0

    好的我发现问题在我的vue组件模板中,一个按钮提交了我的表单,显然默认行为是发送此GET请求(即使它不是type =“submit”按钮)要么阻止click事件的默认或者改变balise来解决问题我使用的是Chrome 67.0.3396.99

  • 0

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

    import http from '../http/index'
    

Related