当前位置:   article > 正文

express+mysql+vue,从零搭建一个商城管理系统3--user路由模块

express+mysql+vue,从零搭建一个商城管理系统3--user路由模块

提示:学习express,搭建管理系统


前言

需求:主要学习express,所以先写service部分

一、新建routes文件夹

在这里插入图片描述
在这里插入图片描述

二、新建routes/index.js和routes/user.js

在这里插入图片描述
在这里插入图片描述

三、修改index.js

const express = require('express');
const app = express();
const router = express.Router();
const port = 1990;

//初始化路由
require('./routes/index')(router);

app.use('/', router);
app.listen(port,()=>{
    console.log('http://localhost:'+port);
})
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

在这里插入图片描述

四、修改routes/index.js

const userRoutes = require('./user');
const routes = (router)=>{
    //user路由
    userRoutes(router);
}

module.exports = routes;
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

在这里插入图片描述

五、修改routes/user.js

这里方便在浏览器测试效果,所以/user/register和/user/login用get请求,后面用Apipost工具的时候,会改成post请求

const userRoutes = (router)=>{
    router.get('/user/register',(req,res)=>{
        res.send('router register');
    });
    router.get('/user/login',(req,res)=>{
        res.send('router login');
    });
}
module.exports = userRoutes;
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

在这里插入图片描述

六、启动项目预览

npm run dev
  • 1

http://localhost:1990/user/register

在这里插入图片描述

http://localhost:1990/user/login
在这里插入图片描述

总结

踩坑路漫漫长@~@

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/羊村懒王/article/detail/166624
推荐阅读
相关标签
  

闽ICP备14008679号