后台api请求接口

最新推荐文章于 2026-04-29 11:32:03 发布

原创最新推荐文章于 2026-04-29 11:32:03 发布 · 422 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue.js #javascript

笔记同时被 2 个专栏收录

51 篇文章

订阅专栏

项目

6 篇文章

订阅专栏

这篇博客详细介绍了如何在Vue.js应用中通过POST方法传递值，配置后台app.js以实现API接口请求。提供了完整的代码示例，帮助开发者理解整个流程。

文章目录

- 最终完整版

app.js：

const express=require("express");
const app=express();
const url=require("url");
let port=8082;
let host="127.0.0.1"

//接入中间件
app.use((req,res,next)=>{
    //设置cross跨域
    res.header('AcceAss-Control-Allow-Origin','*');
    next();
})
//post请求
app.post("/userlogin",(req,res)=>{
    // res.send("首页");
});

app.listen(port,host,()=>{
    console.log(`http://${host}:${port}`);
})

使用post传值，配置：
cnpm install --save-dev body-parser
在这里插入图片描述

后台 app.js：

const bodyParser = require('body-parser')

再关联:
在这里插入图片描述

后台 app.js：

const bodyParser = require('body-parser')
// parser application/x-www-form-urlencoded 
app.use(bodyParser.urlencoded({ extended: false }))
// parser application/json 
app.use(bodyParser.json());

//post请求
app.post("/userlogin",(req,res)=>{
    console.log(req.body);
    res.json({
        status:'ok',
    })
});

最终完整版

const express=require("express");
const app=express();
const url=require("url");
const bodyParser = require('body-parser')
// parser application/x-www-form-urlencoded 
app.use(bodyParser.urlencoded({ extended: false }))
// parser application/json 
app.use(bodyParser.json());
let port=8082;
let host="127.0.0.1"

//接入中间件
app.use((req,res,next)=>{
    //设置cross跨域
    res.header('Access-Control-Allow-Origin','*');
    res.header('Access-Control-Allow-Headers','Authortoken,Content-Type');
    next();
})
//post请求
app.post("/userlogin",(req,res)=>{
    console.log(req.body);
    res.json({
        status:'ok',
    })
});

app.listen(port,host,()=>{
    console.log(`http://${host}:${port}`);
})