Express 載入靜態檔的方法

前言

這幾天突然忘記 Express 載入靜態檔案的方法，所以這篇寫筆記記錄一下方法

起手式

首先先來看程式碼

var express = require('express');
var router = express();
var port = 8080;


router.get('/' ,function(req, res) {
  res.send(`<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <img src="img/logo.png" alt="" srcset="">
</body>
</html>`);
})

這時候會發現不能讀到圖片，所以這邊要使用 Express 的一個方法來載入靜態檔案的路徑

var express = require('express');
var router = express();
var port = 8080;
app.use(express.static('public'))

router.get('/' ,function(req, res) {
  res.send(`<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <img src="img/logo.png" alt="" srcset="">
</body>
</html>`);
})

接下來只需要建立一個新資料夾叫 public 然後底下在建立 img 並將 logo.png 丟進去即可。

Express 載入靜態檔的方法

前言

起手式

你的支持會直接轉換成更多技術筆記

Terminal

相關文章

分享這篇文章

留言

前言

起手式

你的支持會直接轉換成更多技術筆記

Terminal

相關文章

解決使用 Gulp 發生 regeneratorRuntime is not defined 問題

Gulp deploy 發生 TypeError: Cannot read property 0 of null

無法辨識 'XXX' 詞彙是否為 Cmdlet、函數、指令檔或可執行程式的名稱

解決使用 nodemailer 一直出現 Error: Invalid login: 534-5.7.14 問題

分享這篇文章

留言