Node.js 加载静态资源css,js等不显示问题的解决方法

论坛 期权论坛 编程之家     
选择匿名的用户   2021-5-29 15:24   28   0

一,原因

1,没有响应到css等文件

2,响应类型是由文件的后缀名决定

(1)html的请求头

Content-Type : text/html ; charset=utf-8

(2) CSS的请求头

content-type: text/css; charset=utf-8

(3)JavaScript的请求头

content-type: text/javascrpt; charset=utf-8

二,解决方法:

(一) 拿到文件的后缀名

path.extname(path)获取扩展名

(二) 除了方法,也可以定义定义模块 => 拿取后缀名(文件类型)

1,创建model文件夹

2,在model文件夹下创建 getMime.js 文件

/**

* 获取文件后缀名(文件类型)

* */

exports.getMime = function(extname){

switch(extname){

case '.html':

return 'text/html';

case '.css':

return 'text/css';

case '.js':

return 'text/javascript';

default:

return 'text/html';

}

}

(三)使用模块(注意模块的引用方式)

错误的引用方式:

正确的引用方式 :

(四)实际操作(4个步骤)

转载于:https://www.cnblogs.com/500m/p/10821607.html

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP