express后端接口编写（简单）_express可以写后端接口的吗-CSDN博客

本文链接：https://blog.csdn.net/m0_60822634/article/details/136952206

本文介绍了如何使用Vue和Express创建一个前后端分离项目，包括快速搭建、CORS跨域配置、MySQL数据库连接以及基础登录接口的开发。通过实例演示了如何在Vue项目中封装axios并处理跨域问题以实现登录功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

简单的创建一个前后端分离项目，适用于前端学习，vue为前端渲染界面，express框架用于编写后台接口，mysql用于创建数据库

参考文章：Express.js CORS跨域配置和静态访问服务 - 掘金（后端解决跨域问题）

创建基础项目文件夹

demo1：其中vite、express可以安装在电脑，创建项目更加快捷

在demo1中打开cmd，首先，输入命令npm create vite使用vite创建Vue3项目（Vite-vue），创建好后，cd Vite-vue移动到vue项目文件夹内，继续输入npm install安装依赖包，最后启动项目npm run dev
返回demo1文件夹，继续打开cmd，输入命令express Node-express创建express项目，cd Node-express移动到项目内，输入npm install安装依赖包
正常情况，demo1文件夹内有Vite-vue项目文件夹和Node-express项目文件夹，自此前后端分离项目基本框架搭建好

简单测试登录接口（express项目）

启动express项目

创建好的Node-express项目结构如图

点击Run-startdebugging选择node.js启动，进入调试模式，每次更新内容后点击刷新按钮（出错尝试在终端输入npm start启动项目）

进入bin文件夹中的www文件，查看当前分配的项目端口，浏览器输入localhost:3000即可进入当前项目首页

创建并测试基础登录接口

在routes文件夹中创建login.js文件，为登录接口文件，并在app.js文件中引入并使用

在login.js文件中编写接口内容

var express = require("express");
var router = express.Router();

/ === 对应的路径为localhost:3000/login
// 选择接口请求方式
router.get("/", function (req, res, next) {
  // req为客户端发送的请求参数数据
  // res为服务端返回的数据
  const body = {
    // 此处随意定义一个数据
    username: "admin",
  };
   // 调用res.send将数据响应给客户端
  res.send({
    status: 0,
    msg: "login请求成功",
    data: body,
  });
});
// 当前文件中嵌套路由 === localhost:3000/login/register
router.post("/register", (req, res) => {
  // 获取客户端输入的数据
  const body = req.body;
  res.send({
    status: 0,
    msg: "post请求成功",
    data: body, //此处是将客户端输入的数据返回，正常应该是返回数据库中的数据
    // 响应给客户端的数据必须是对象，不能是数组
  });
});

module.exports = router;