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

服务端代码:

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"應用新增處理靜態文件的功能。
希望對你的問題有幫助。

阿神

1.jpg文件無法訪問,需要託管靜態資源文件,可以參考下express官網上的static說明,http://www.expressjs.com.cn/4x/api.html

洪涛

var app = express();
//的下面的一行程式碼
app.use(express.static('public'));
//然後把圖片,腳本,樣式,模板放到static裡面吧,剛剛的圖片也放到裡面,讓後在img的圖片地址改一下

迷茫

如果express 資源要放 public

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板