node.js 怎么显示html,其中html中含有图片
大家讲道理
大家讲道理 2017-04-17 13:30:16
0
4
565

服务端代码:

var express = require('express');
var fs = require('fs');
var http = require('http');
var app = express();
app.get('/',function (req,res) {
    if(req.url!=="/favicon.ico")
    res.writeHead(200,{"Content-Type":"text/html"});
    res.end(fs.readFileSync(__dirname + '/test2.html'));
});
app.listen(80,"192.168.1.200");

html代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <img src="image/1.jpg">
</body>
</html>

浏览器打开192.168.1.200后
报错:GET http://192.168.1.200/image/1.jpg 404(Not Found)?

迷迷糊糊的初学者,还望路过大侠,指点迷津

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全員に返信(4)
伊谢尔伦

Express 提供了内置的中间件 express.static 来设置静态文件如:图片, CSS, JavaScript 等。
你可以使用 express.static 中间件来设置静态文件路径。例如,如果你将图片, CSS, JavaScript 文件放在 public 目录下,你可以这么写:
app.use(express.static('public'));
我们可以到 public/images 目录下放些图片,如下所示:
node_modules
server.js
public/
public/images
public/images/logo.png
让我们再修改下 "Hello Word" 应用添加处理静态文件的功能。
希望对你的问题有帮助。

いいねを押す +0
阿神

1.jpg文件无法访问,需要托管静态资源文件,可以参考下express官网上的static说明,http://www.expressjs.com.cn/4x/api.html

いいねを押す +0
洪涛

var app = express();
//的下面的一行代码
app.use(express.static('public'));
//然后把图片,脚本,样式,模板放到static里面吧,刚刚的图片也放到里面,让后在img的图片地址改一下

いいねを押す +0
迷茫

如果express 资源要放 public

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート