問題描述：

在使用node進行服務端開發時，當把打包好的web專案部署到服務端時，css樣式沒有生效；

解決方案：

查閱了相關資料發現是在配置在處理html亂碼時沒有過濾掉靜態資源；

所以只要設定靜態資源不進行亂碼處理就好。

 1 const fs = require("fs");
 2 const path = require("path");
 3 /**
 4  * @function handleGetRequest
 5  * @description 處理get響應資料的函式
 6  * @param {string[]} path 當前檔案的路徑字串
 7  * @param {http.ServerResponse} res 響應物件
 
 8  * @param {boolean} isStatic 是否為靜態資源
 9  * @param {object} responseHeadConfig 響應頭配置物件
10  */
11 function handleGetRequest(
12   filePath = [],
13   res,
14   isStatic = false,
15   responseHeadConfig = {}
16 ) {
17   fs.readFile(path.join(__dirname, ...filePath), (err, data) => {
18     if (err) throw
 
 err;
19     // 如果是靜態資源，則不進行亂碼處理，直接返回
20     if (isStatic) {
21       res.end(data);
22       return;
23     }
24     res.writeHead(200, {
25       "Content-Type": "text/html;charset=utf-8", // 解決html檔案亂碼問題
26       ...responseHeadConfig
27     });
28     res.end(data);
29   });
30 }

有些情況可能是快取的問題，這裡不做描述；

-----end------

相關資料：

【1】web專案部署到伺服器後樣式丟失的問題；

【2】快取問題相關；