我是一个新的前端程序员,最近我正在学习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请求’.
但当我将其更改为‘GET REQUEST’时,它起作用了.我想知道它会发生吗?我想知道如何使‘POST REQUEST’起作用? 谢谢!