我是一个新的前端程序员，最近我正在学习Vue。我遇到了一个问题。下面的代码显示我想添加函数，将发送一个'后请求'到后端。

<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');
})

当我运行它并点击按钮时，后端显示它不接受请求。而chome显示前端发送了一个“get请求”。但它肯定是代码中的“post请求”。

但是当我把它改为“获取请求”，它的作品。我想知道它会发生，我怎么才能使“后请求”的作品？谢谢！