Axios不断将GET发送到错误的 endpoints-Java 学习之路

我配置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 回答

0

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

回复于 2024-04-26T05:27:59+08:00
0
也许你可以试着像这样导入你的index.js . 确保您的路径正确 . 还尝试将http名称更改为Chad Moore提到的其他名称 .
```
import http from '../http/index'
```
回复于 2024-04-26T05:27:59+08:00

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

2 回答

相关问题