我是一个新的前端程序员,最近我正在学习VUE.我遇到了一个问题.下面的代码显示我想添加一个函数,它将发送一个‘POST请求’到后端.

<el-button style="width: 50%;box-shadow: black 0px 0px 5px;" @click="trim"></el-button>
methods:{
trim: function () {
      this.$axios({
        methods:'post',
        url:'/trim'
      }).then(response=>{
        alert('success!')
      }).catch(error=>{
        console.log(error)
        return alert('failed to accepted trim signal!')
      })
    },
},

后端代码:

/*trim.js file*/
/*The code to deal the post request*/
var express = require('express');
var router = express.Router();

router.post('/', function (req, res) {
    console.log('server successed to accept trim post!')
})

module.exports = router

...

/*The app.js file*/
var express = require('express');
var bodyParser = require('body-parser');
var path = require('path');
var multer = require('multer');
var cors = require('cors')

var trim=require('./routes/trim.js')

app.use('/trim/',trim)

app.listen(8081,() => {
  console.log('server running,port:8081');
})

当我运行它并点击按钮时,后端显示它不接受请求.CHME显示前端发送一个‘GET请求’.但在代码中它绝对是‘POST请求’.

chome screenshot

但当我将其更改为‘GET REQUEST’时,它起作用了.我想知道它会发生吗?我想知道如何使‘POST REQUEST’起作用? 谢谢!

推荐答案

你应该用method:'post'代替methods:'post'

或者用axios.post()来代替.

Node.js相关问答推荐

序列化事务未按预期工作

CloudTasksClient在Firebase Function % s onDocumentCreated中实例化时导致错误

在导入时未找到Pupeteer-PAGE-Proxy包

如何在Sequelize with Postgres中将m:n关联表ID从整数迁移到UUID?

如何使用NodeJS在mongodb中更新文档

编写动态创建的 YAML - 为生态系统创建 Docker compose 文件(使用 js-yaml)

发布请求不使用 Nodejs 更新 MongoDB 中的标头信息

Mocha调用所有it回调模拟(测试中间件)

在系统启动时启动本地 node 服务器

Mongoose-更新嵌套数组

表达限制资源属于特定用户的优雅方式

为什么在调用数据库调用时我的参数没有定义?

类型中缺少属性,该类型是由类实现的接口

如何获取在 NodeJS 中执行的脚本的文件名?

如何undo撤消 Object.defineProperty 调用?

npm publish 导致'错误:EPERM:不允许操作,取消链接...',errno -4048

为什么我们要为 Angular 2.0 安装 Node.js?

如何使用 cookie 创建 HTTP 客户端请求?

使用 Node.js 我得到错误:EISDIR,读取

react-native run-android 无法识别