给JSON-Server添加中间件

需要添加的中间件:

middleware.js:

module.exports=(req,res,next)=>{
    if(req.method==='POST'&&req.path==='/login'){
        if(req.body.username==='jack'&&req.body.password==='123123'){
            return res.status(200).json({
                user:{
                    token:"123"
                }
            })
        }
        else{
            return res.status(400).json({
                message:'用户名或者密码错误'
            })
        }
    }
    next();
}

package.json:

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "prepare": "husky install",
   
    在这里: "json-server": "json-server __json_server_mock__/db.json --watch --port 3001 --middlewares ./__json_server_mock__/middleware.js"

  },

        后面的"--middlewares ./__json_server_mock__/middleware"就是添加中间件的代码

        后面的__json_server_mock__/middleware是中间键文件的路径。

要使用 `json-server-auth` ,您需要按照以下步骤进行操作: 1. 首先,确保您已经安装了 `json-server` 和 `json-server-auth` 。您可以使用以下命令进行安装: ``` npm install -g json-server json-server-auth ``` 2. 创建一个 JSON 文件,用于存储您的数据。例如,您可以创建一个名为 `db.json` 的文件,并在其中定义您的数据。 3. 创建一个名为 `server.js` 的文件,并在其中编写以下代码: ```javascript const jsonServer = require('json-server'); const auth = require('json-server-auth'); const server = jsonServer.create(); const router = jsonServer.router('db.json'); const middlewares = jsonServer.defaults(); server.db = router.db; server.use(middlewares); server.use(auth); server.use('/api', router); // 定义您的 API 路由 server.listen(3000, () => { console.log('JSON Server is running on port 3000'); }); ``` 此代码将创建一个基本的 `json-server` 服务器,并添加了 `json-server-auth` 中间件。 4. 启动服务器,您可以使用以下命令启动: ``` node server.js ``` 服务器将在端口 `3000` 上运行,您可以根据需要更改端口号。 现在,您已经成功地使用 `json-server-auth` 创建了一个具有身份验证功能的 JSON 服务器。您可以通过访问 `http://localhost:3000` 来访问服务器,并使用 `json-server-auth` 提供的身份验证功能进行登录和访问受保护的路由。请注意,您需要根据您的需求进行额外的配置和定制。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

henuGM

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值