node学习---web项目部署到node服务端样式不生效的问题
时间:2021-09-04
本文章向大家介绍node学习---web项目部署到node服务端样式不生效的问题,主要包括node学习---web项目部署到node服务端样式不生效的问题使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
问题描述:
在使用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------
相关资料:
【2】缓存问题相关;
原文地址:https://www.cnblogs.com/cooperGao/p/15227382.html
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法