node學習---web專案部署到node服務端樣式不生效的問題
阿新 • • 發佈:2021-09-04
web專案部署到服務端樣式不生效問題
問題描述:
在使用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) throwerr; 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------
相關資料:
【2】快取問題相關;