簡單實現靜態資源讀取

阿新 • • 發佈：2020-12-30

readfile.js程式碼如下：

//引入需要的各個模組
const http=require('http');
const fs=require('fs');
const path=require('path');

//建立伺服器
let server=http.createServer((req,res)=>{

	// req.url獲取請求地址 /favicon.ico地址是自動請求的
	if(req.url=='/favicon.ico') return;
     
     //在瀏覽器輸入請求的地址
	if(req.url=='/index1.html' 
){
	    // 請求的地址和實際載入地址不一樣，讀取index.html檔案內容 
	    //l路徑拼接，dirname為檔案當前目錄，path.join('路徑','路徑')
		fs.readFile(path.join(__dirname,'index.html'),'utf-8',(err,data)=>{
			if(err) throw err;
			res.end(data);
		})
		// 把讀取內容呈遞給前臺，這裡是找不到檔案的情況下報錯
	}else{
		res.end(`Not Found
		The requested URL ${req.url} was not found on this server.` 
)
	} 
});
//監聽埠號 server.listen('埠號','ip地址')，這裡只用埠號
server.listen('8989')

index程式碼：

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<style>
			p{
				background: yellow;
			}
		</style>
	</ 
head>
	<body>
		<h1>這是前端資源</h1>
	</body>
</html>

在該資料夾內使用cmd命令，讀取js檔案建立伺服器
在這裡插入圖片描述
在瀏覽器輸出，讀取檔案內容：

簡單實現靜態資源讀取

技術標籤：node.jshtml5 readfile.js程式碼如下： //引入需要的各個模組 const http=require(\'http\');

nginx代理出現靜態資源讀取不到

技術標籤：nginxnginx 原因：讀取到是nginx伺服器地址下的靜態資源，而非被代理伺服器的靜態資源。解決：設定如下，形似動靜分離

webpack實現靜態資源快取的方法

目錄引言區分一下幾種不同的hashhashchunkhashcontenthash實現快取CommonsChunkPlugin不正確用法引起問題的原因實現的快取實現圖片/字型的快取參考引言

SpringBoot - 實現靜態資源的訪問（附：修改過濾規則、靜態資源位置）

一、預設靜態資源訪問策略（1）當我們使用IntelliJ IDEA建立Spring Boot專案，會預設建立classpath:/static/目錄，我們直接把靜態資源放在這個目錄下即可。

Java 實現簡單靜態資源Web伺服器的示例

需求有時候我們想快速通過http訪問本地的一些資源，但是安裝一些web伺服器又很費時和浪費資源，而且也不是長期使用的。

不正確的伺服器響應_靜態資源伺服器的簡單實現

技術標籤：不正確的伺服器響應 Server類 1.Server類作用讀取伺服器配置建立伺服器傾聽Socket，並在每次接收到請求後將請求交由一個新的HttpHandler執行緒進行處理

SpringBoot中的五種對靜態資源的對映規則的實現

SpringBoot中的SpringMVC配置功能都是在WebMvcAutoConfiguration類中，xxxxAutoConfiguration就是幫我們給容器中自動配置元件的；idea全域性搜尋的快捷鍵是兩次shift，檢視webMvcAutoConfiguration 檢視webMvc自動配