前端学习（1317）:静态资源2

//创建网站服务器模板
const http = require('http');
const url = require('url');
//网站服务器对象
const app = http.createServer();
const path = require('path');
const fs = require('fs');
const mime = require('mime');
//客户端有请求
/* const querystring = require('querystring'); */
app.on('request', (req, res) => {//获取请求路径console.log(url.parse(req.url).pathname);let pathname = url.parse(req.url).pathname;pathname = pathname == '/' ? 'default.html' : pathname;//res.end(path.join(__dirname, pathname));let realPath = path.join(__dirname, pathname);let type = mime.getType(realPath);fs.readFile(realPath, (error, result) => {if (error != null) {res.writeHead(404, {'content-type': 'text/html;charset=utf8'})res.end('文件读取失败');return;}res.writeHead(200, {'content-type': type})res.end(result);})});
//监听端口
app.listen(3000);
console.log('服务器启动成功');

运行结果

前端学习（1317）:静态资源2相关推荐

win10 nginx部署前端项目（静态资源服务器和HTML）
win10 nginx部署前端项目(静态资源服务器和HTML) niginx的安装和启停操作参照博客:https://blog.csdn.net/qq_26666947/article/details ...
一些有用的资源分享(工具+电子书+GitHub最全的前端资源汇总仓库（包括前端学习、开发资源、求职面试等）)
原地址:https://mp.weixin.qq.com/s/wSN1w2mM6Fh51RDGZYOdIQ 工具类图片相关工具 TinyPNG:https://tinypng.com/ 免费的在线图 ...
[Spring入门学习笔记][静态资源]
遗留问题在上一节课的作业中,我们一定遇到了一点问题--虽然将页面内容正确的返回给了浏览器,但是浏览器显示的样式却是不正确的,这是因为在HTML的\标签中我们这样引入了CSS资源: <link ...
react不同环境不同配置angular_DevOps 前端项目(angular、vue、react)打包静态资源生成一份Docker镜像支持部署不同环境...
1.前言为了尽可能地轻量化前端镜像(非node承载),将前端编译成静态资源通过nginx承载. 与后端程序不同的是,当使用静态资源方式时页面是直接加载到浏览器进行渲染,无法读取服务端机器中 env ...
个人前端学习路线之学习视频资源分享
个人前端学习路线之资源分享本人2019年6月份毕业于安徽省合肥学院计算机科学与技术系网络工程专业,目前是一本院校.在学校的时候大一大二的时候基本都是玩游戏待在宿舍里,大学前两年是没学习到什么东西,到 ...
win10 nginx部署静态资源服务器和HTML
win10 nginx部署前端项目(静态资源服务器和HTML) niginx的安装和启停操作参照博客:https://blog.csdn.net/qq_26666947/article/details ...
前端工程与性能优化：静态资源版本更新与缓存
2019独角兽企业重金招聘Python工程师标准>>> 每个参与过开发企业级web应用的前端工程师或许都曾思考过前端性能优化方面的问题.我们有雅虎14条性能优化原则,还有两本很经典的 ...
前端遇上Go: 静态资源增量更新的新实践
为什么要做增量更新美团金融的业务在过去的一段时间里发展非常快速.在业务增长的同时,我们也注意到,很多用户的支付环境,其实是在弱网环境中的. 大家知道,前端能够服务用户的前提是 JavaScript ...
将Vue项目部署在Nginx,解决前端路由、反向代理和静态资源问题
将Vue项目部署在Nginx,解决前端路由.反向代理和静态资源问题需求: 一台服务器,Linux 安装了Nginx 使用Vue脚手架编写的Vue项目第一步:将Vue项目打包,然后将生成的dist文 ...
前端学习路线+资源整合
前端学习路线由'技术胖前端学习路线'延展开来,加入一些自己觉得很好的资源.(持续整理中) 1.网络知识网络工作原理知识点:缓存.渲染原理.阻塞原理.浏览器本地存储.Web安全问题.事件循环机制 ...

前端学习（1317）:静态资源2

前端学习（1317）:静态资源2相关推荐

最新文章

热门文章