第五天:在博客路由中使用登录验证,配置 nginx解决前后端跨域

上一篇

一、在blog模块中对用户是否已经登录成功进行判断
  • 对博客进行操作前都必须验证用户是否已经登录成功
//router/blog.js  全局环境

//统一的登录验证函数
const logincheck = (req) {
    if (!req.session.username) {
        return Promise.resolve(
            new ErrorModel('尚为登录')
        )
    }
}

//新增博客,删除博客,更新博客路由中调用
 const logincheckResult = logincheck(req)
        if (logincheckResult) {
            //未登录
            return logincheckResult
        }
  • 其中新增博客和删除博客都需要用户名
    在这里插入图片描述
//修改成
= req.session.username

到了这一步服务端就全部完成了,接下来要与前端进行联调,以及对nginx进行配置

  • 经过联调后,需要服务端需要修改一个地方修改如下截图
    在这里插入图片描述
    前端页面下载地址在这里
二、nginx配置

(1)下载nginx

(2)配置nginx.conf

  • window路径:\nginx-1.14.2\conf
  • mac路径:/usr/local/etc/nginx/nginx.conf
    在这里插入图片描述
  • 通过命令行进入到下载目录中启动nginx.exe
    在这里插入图片描述
    如果修改里配置文件(nginx.conf)则需要重新启动 nginx -s reload
  • 关闭nginx在window中需要在打开另外一个命令行,并进入到下载目录中输入 nginx.exe -s stop

此时就把nginx给配置完毕,分别启动前后端项目,及redis缓存数据库。

  • 后端输入命令 npm run dev
  • 而前端需要下载一个插件,并设置端口8001
    在这里插入图片描述
    在这里插入图片描述
  • 测试
    在这里插入图片描述

下一篇,篇尾可以下载源码哦


欢迎访问我的个人博客

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

海面有风

您的鼓励将是我前进的动力

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

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

打赏作者

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

抵扣说明:

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

余额充值