HackerNews07-服务器端通过设置http响应报文头实现浏览器重定向操作|学习笔记

简介: 快速学习 HackerNews07-服务器端通过设置http响应报文头实现浏览器重定向操作

开发者学堂课程【Node.js 入门与实战HackerNews07-服务器端通过设置http响应报文头实现浏览器重定向操作】学习笔记,与课程紧密联系,让用户快速学习知识

课程地址https://developer.aliyun.com/learning/course/588/detail/8280


HackerNews07-服务器端通过设置http响应报文头实现浏览器重定向操作

一、 服务器端通过设置http响应报文头实现浏览器重定向操作

已知数据已经可以写入文件中,但是运行后显示就算录入完成页面也并没有跳转到列表页的效果,接下来需要了解的就是如何实行页面跳转。

image.png

录入的代码是在服务器端,要实现浏览器的页面跳转。

首先,要在浏览器响应报文的途中,向浏览器传输数据提醒浏览器实现页面跳转。

用户在客户端写代码的时候是通过操作浏览器来控制它运行,

在浏览器端的实现页面直接操作,但要是在服务器端想要浏览器做一个页面跳转,只要在浏览器响应的时候在响应报文头中告诉浏览器跳转一下,把数据发给浏览器,浏览器自动就会跳转。

// 设置响应报文头,通过响应报文头告诉浏览器,执行一次页面跳转操作。

这种跳转仍需要浏览器来跳转,只不过是通过hddp响应报文头告诉浏览器实现跳转。

一定是在文件写成功以后进行跳转。

// 跳转到新闻列表页

res.statusCode = 302;(301也可以)

res.statusMessage = ‘Found ‘;

设置完之后,浏览器就知道要跳转,但是如何跳,

需要添加

res.setHeader(‘Location’,’/’);

res.end();

});

// 重定向

切记每一个请求结束后都需敲入这个响应res.end();,代表发送完成。

res.statusMessage = ‘ ‘;此处若不知录入的数据为多少,可跳转到Mozilla页面下,点击HTTP,然后查看response status codes响应状态码,可以看到在302下显示的是Found。

在测试类中输入http://localhost:9090,输出显示结果为9090,跳转浏览器页面输入localhost:9090。至此实验结束。

相关文章
|
1月前
|
Ubuntu Linux 网络安全
在Linux云服务器上限制特定IP进行SSH远程连接的设置
温馨提示,修改iptables规则时要格外小心,否则可能导致无法远程访问你的服务器。最好在掌握足够技术知识和理解清楚操作含义之后再进行。另外,在已经配置了防火墙的情况下,例如ufw(Ubuntu Firewall)或firewalld,需要按照相应的防火墙的规则来设置。
94 24
|
3月前
|
存储 弹性计算 安全
阿里云服务器付费类型、地域、镜像、存储、带宽和安全组设置与选择注意事项参考
在我们通过自定义购买的方式购买阿里云服务器器ECS时,会有多个选项,有的新手用户可能并不是很清楚这些选项是什么,选择或设置时需要注意什么,本文将从付费类型、地域与可用区、镜像、存储、带宽和安全组等多个方面,为您详细解析云服务器购买过程中各个参数与配置的选择注意事项,以供参考。
301 66
|
2月前
|
前端开发 JavaScript 应用服务中间件
服务器如何设置可以提升网站打开速度?
首先关闭掉php版本中的输出详细错误信息功能;具体步骤为软件商店-对应php版本-设置-配置修改 找到“display_errors”参数,选择“关闭”保存即可。
78 1
|
4月前
|
存储 弹性计算 安全
阿里云服务器购买后设置密码、安全组、基础安全服务、挂载云盘等流程简介
对于初次选购阿里云服务器的用户来说,通过阿里云推出的各类活动买到心仪的云服务器仅仅是第一步。为了确保云服务器能够正常运行并承载您的应用,购买之后还需要给云服务器设置远程登录密码、设置安全组规则、设置基础安全、购买并挂载云盘等操作之后,我们才能使用并部署自己的应用到云服务器上。本文将详细介绍在阿里云的活动中购买云服务器后,您必须完成的几个关键步骤,助您快速上手并充分利用云服务器的强大功能。
|
7月前
|
JavaScript 前端开发 数据处理
模板字符串和普通字符串在浏览器和 Node.js 中的性能表现是否一致?
综上所述,模板字符串和普通字符串在浏览器和 Node.js 中的性能表现既有相似之处,也有不同之处。在实际应用中,需要根据具体的场景和性能需求来选择使用哪种字符串处理方式,以达到最佳的性能和开发效率。
162 63
|
7月前
|
算法 开发者
Moment.js库是如何处理不同浏览器的时间戳格式差异的?
总的来说,Moment.js 通过一系列的技术手段和策略,有效地处理了不同浏览器的时间戳格式差异,为开发者提供了一个稳定、可靠且易于使用的时间处理工具。
205 57
|
7月前
|
JSON 移动开发 JavaScript
在浏览器执行js脚本的两种方式
【10月更文挑战第20天】本文介绍了在浏览器中执行HTTP请求的两种方式:`fetch`和`XMLHttpRequest`。`fetch`支持GET和POST请求,返回Promise对象,可以方便地处理异步操作。`XMLHttpRequest`则通过回调函数处理请求结果,适用于需要兼容旧浏览器的场景。文中还提供了具体的代码示例。
122 5
在浏览器执行js脚本的两种方式
|
7月前
|
机器学习/深度学习 自然语言处理 前端开发
前端神经网络入门:Brain.js - 详细介绍和对比不同的实现 - CNN、RNN、DNN、FFNN -无需准备环境打开浏览器即可测试运行-支持WebGPU加速
本文介绍了如何使用 JavaScript 神经网络库 **Brain.js** 实现不同类型的神经网络,包括前馈神经网络(FFNN)、深度神经网络(DNN)和循环神经网络(RNN)。通过简单的示例和代码,帮助前端开发者快速入门并理解神经网络的基本概念。文章还对比了各类神经网络的特点和适用场景,并简要介绍了卷积神经网络(CNN)的替代方案。
1061 1
|
8月前
|
机器学习/深度学习 自然语言处理 前端开发
前端大模型入门:Transformer.js 和 Xenova-引领浏览器端的机器学习变革
除了调用API接口使用Transformer技术,你是否想过在浏览器中运行大模型?Xenova团队推出的Transformer.js,基于JavaScript,让开发者能在浏览器中本地加载和执行预训练模型,无需依赖服务器。该库利用WebAssembly和WebGPU技术,大幅提升性能,尤其适合隐私保护、离线应用和低延迟交互场景。无论是NLP任务还是实时文本生成,Transformer.js都提供了强大支持,成为构建浏览器AI应用的核心工具。
1474 1
|
9月前
|
JavaScript 前端开发
js之浏览器对象|28
js之浏览器对象|28

热门文章

最新文章