express自动渲染静态html,express渲染dist文件夹下的html直接显示源码?

本文解决了一个常见的Express.js问题,即如何正确配置静态文件路径。强调了express.static()必须置于设置跨域访问控制头部之前的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

关于这个问题我也遇到了,看了你们的回答之后我进行了尝试。

这里我留给后来者一个具体问题原因和解决办法。

关于设置express.static()的问题,设置方法很多种,并且都没有问题。

例:

app.use('/', express.static(__dirname + '/html'));

app.use(express.static(path.join(dirname, 'html')));

问题所在:

问题在于 静态文件 访问目录设置,不应该在 设置访问头 之后。

express.static()必须写在设置访问头之前,

express.static()必须写在设置访问头之前,

express.static()必须写在设置访问头之前.

重要问题说三遍!

正确例:

let express = require('express'),

app = express(),

path = require('path');

//看注释

app.use('/', express.static(__dirname + '/html'));

//app.use(express.static(path.join(__dirname, 'html')));

//上面express.static()必须写在设置访问头之前,

//写在下面就会出现代码部署时只显示代码,

//不显示页面情况(最好写在引入模块之下,干扰最小)

app.all('*', function(req, res, next) {

res.header("Access-Control-Allow-Origin", "*");

res.header("Access-Control-Allow-Headers", "X-Requested-With");

res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");

res.header("X-Powered-By",' 3.2.1');

res.header("Content-Type", "application/json;charset=utf-8");

next();

});

如果回答有错,留言修改

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值