nodejs系列-编写接口实现前端302重定向

1. 如何使用nodejs编写接口实现前端302重定向?

  • Url重定向分为301、302两种HTTP状态的编码。
  • 301重定向是永久的重定向,表示本网页永久性转移到另一个地址,搜索引擎在抓取新内容的同时也将旧的网址替换为重定向之后的网址。
  • 302是临时的重定向,表示本网页暂时性转移到另一个地址,搜索引擎会抓取新的内容而保留旧的网址。
    通俗大白话来说:前端调用后端接口,后端直接返回一个url将前端页面重定向到另一个页面,下面话不多说,上代码

示例代码1:以正常nodejs为例

复制代码
var http = require('http');

var server = http.createServer(function (req, res) {
  res.writeHead(301, {'Location': 'https://cn.bing.com/'});
  console.log(res._header);
  res.end();
});

server.listen(3000)

示例代码2:以 "@strapi/strapi": "^4.12.5"为例

"@strapi/strapi": "^4.12.5" 写的接口如何实现重定向呢?设置code为302,return url 为 需要重定向的地址就好啦~~

复制代码
login: async (ctx, next) => {
    try {
      ctx.status = 302;
      const url = `https://cn.bing.com/`;
      ctx.redirect(url);
    } catch (err) {
      ctx.body = err;
    }
  },

待继续补充

  • 今天就写到这里啦~
  • 小伙伴们,( ̄ω ̄( ̄ω ̄〃 ( ̄ω ̄〃)ゝ我们明天再见啦~~
  • 大家要天天开心哦

欢迎大家指出文章需要改正之处~

学无止境,合作共赢

欢迎路过的小哥哥小姐姐们提出更好的意见哇~~

相关推荐
selectDele25 分钟前
Solid.js和React的比较
前端·javascript·react.js·solid.js
小旋风0123439 分钟前
前端对接豆包AI(vue2版本)
前端·人工智能
—Qeyser43 分钟前
Flutter AppBar 导航栏组件完全指南
前端·javascript·flutter
Amumu121381 小时前
React扩展(一)
前端·javascript·react.js
cypking1 小时前
三、前端规范化 项目代码规范
前端·代码规范
xkxnq2 小时前
第二阶段:Vue 组件化开发(第 28天)
前端·javascript·vue.js
Yvonne爱编码2 小时前
前端工程化进阶:从搭建完整项目脚手架到性能优化【技术类】
前端·状态模式
cypking2 小时前
二、前端规范化 遇到的问题及解决方案
前端
小范馆2 小时前
STM32F03C8T6通过AT指令获取天气API
前端·javascript·stm32
zhengxianyi5152 小时前
vue-cli build, vite build 生产部署刷新或弹窗404,页面空白修复方法
前端·javascript·vue.js·nginx·生产部署