前言

最近在自学 Node.js 准备入门前端
在用 Node 配置本地网站服务器的时候连上了自己期末的前端综合实验设计的作业
遇到了一些问题来记录一下。

遇到的问题

连接网站的时候加载不出页面图片。
解决：因为使用 fs.readFile() 来读取所有的文件，其中包括 HTML、CSS、JS 以及各种格式的图片文件。众所周知 readFile() 有三个参数，需要将第二个参数删去，这样网页就可以正常的加载图片了。
点击网站跳转链接的时候找不到页面文件 -> 简单来说就是路径不对。
解决：这里我用了简单的路径判断，如果访问的文件是以 . h t m l .html .html 格式结尾的话，则在路径前添加存放 h t m l html html 文件的路径。

源代码

const http = require('http');
const url = require('url');
const fs = require('fs');
const path = require('path');const app = http.createServer();app.on('request', (req, res) => {let pathname = url.parse(req.url).pathname;pathname = pathname.endsWith('.html') ? 'html/' + pathname : pathname;let realPath = path.join('/Volumes/Code & MD/Web/Web综合设计', pathname);console.log(realPath);fs.readFile(realPath, (err, doc) => {if (err != null) {res.writeHead(404, {'content-type': 'text/html; charset=utf8'});res.end('404 Not Found');return;}res.end(doc);});
});app.listen(3000);
console.log('启动服务器成功');

Node 本地网站服务器网页加载不出图片的解决方法相关推荐

Tomcat网页加载速度过慢的解决方法
Tomcat网页加载速度过慢的解决方法参考文章: (1)Tomcat网页加载速度过慢的解决方法 (2)https://www.cnblogs.com/magmell/p/7086229.html 备 ...
tomcat资源请求慢_Tomcat网页加载速度过慢的解决方法
可以vim conf/server.xml,在# OS specific support. $var _must_ be set to either true or false.下添加: JAVA_ ...
引用服务器上css文件,服务器加载不了css的解决方法
服务器加载不了css的解决方法发布时间:2020-12-23 09:51:23 来源:亿速云阅读:97 作者:小新这篇文章将为大家详细讲解有关服务器加载不了css的解决方法,小编觉得挺实用的,因 ...
关于powerbi加载不了地图异常解决方法
关于powerbi加载不了地图异常解决方法,出现-要修复此问题,请要求租户管理员在管理门户中启用地图和着色地图视觉对象在网页端进入管理门户,在租户设置中启用地图对象即可.见下图:
Requirejs加载超时问题的一个解决方法：设置waitSeconds=0
Requirejs加载超时问题的一个解决方法:设置waitSeconds=0 参考文章: (1)Requirejs加载超时问题的一个解决方法:设置waitSeconds=0 (2)https://ww ...
解决GitHub加载不出图片问题
解决GitHub加载不出图片问题参考文章: (1)解决GitHub加载不出图片问题 (2)https://www.cnblogs.com/jooy/p/12090882.html 备忘一下.
Django中加载static无法成功的解决方法
Django中加载static无法成功的解决方法参考文章: (1)Django中加载static无法成功的解决方法 (2)https://www.cnblogs.com/jianglijian/p/ ...
本地Apache服务器访问时502 Server dropped connection 错误解决方法
本地Apache服务器访问时502 Server dropped connection 错误解决方法参考文章: (1)本地Apache服务器访问时502 Server dropped connect ...
小程序预览加载不出图片
小程序预览加载不出图片比如在开发者工具做了一个swiper轮播图 <view> <swiper indicator-dots="true" indicator- ...

Node 本地网站服务器网页加载不出图片的解决方法

文章目录

前言

遇到的问题

源代码

Node 本地网站服务器网页加载不出图片的解决方法相关推荐

最新文章

热门文章