浏览器不渲染html而是返回html代码的问题

在用express框架创建服务器后,发现有时在服务器端访问html代码时,浏览器不进行解析而是直接显示了html代码,查了一下原因!

在express框架中,官方推荐jade引擎,而我打开的html文件,渲染时就有可能会出现问题,不是全部都有问题,这个有待考究,说一下解决方法:

在允许跨域时设置的app.all()中,将头部res.header('content-type')注释掉:

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();
});

 

 

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
好的,以下是一个简单的 HTML 代码,实现了在微信浏览器中点击按钮弹出浮窗并加载外部链接: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>浮窗获取外部链接</title> <style> /* 浮窗样式 */ #popup { display: none; position: fixed; top: 50%; left: 50%; width: 80%; height: 80%; transform: translate(-50%, -50%); background-color: #fff; z-index: 9999; overflow: auto; } /* 关闭按钮样式 */ #close { position: absolute; top: 10px; right: 10px; cursor: pointer; } </style> </head> <body> <!-- 浮动按钮 --> <button id="floatBtn">获取外部链接</button> <!-- 浮窗 --> <div id="popup"> <div id="close">关闭</div> <iframe id="frame" frameborder="0"></iframe> </div> <!-- JavaScript 代码 --> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <script> $(function() { // 点击按钮显示浮窗 $('#floatBtn').click(function() { // 获取当前页面链接并发送到后台处理 var url = window.location.href; $.get('/getExternalLink?url=' + encodeURIComponent(url), function(data) { // 将后台返回HTML 片段渲染到浮窗中 $('#frame').attr('srcdoc', data); // 显示浮窗 $('#popup').show(); }); }); // 点击关闭按钮关闭浮窗 $('#close').click(function() { $('#popup').hide(); }); }); </script> </body> </html> ``` 这段代码中使用了 jQuery 库来简化 JavaScript 代码,同时使用了 iframe 元素来加载外部链接。在点击按钮时,会将当前页面链接发送到后台处理,并将后台返回HTML 片段渲染到浮窗中。在浮窗中添加了一个关闭按钮,点击该按钮可以关闭浮窗。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值