解决 express使用art-template渲染HTML页面只显示源码

最新推荐文章于 2021-06-09 14:49:26 发布
最新推荐文章于 2021-06-09 14:49:26 发布
阅读量421 收藏
点赞数 1
分类专栏： Node 文章标签： node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45830543/article/details/114332765
版权

今天遇到一个问题就是 我在用express中使用模板引擎渲染一个HTML页面时 ，只显示源码，起初我以为我的模板引擎配置不完全，但是当我检查了很多次以后我发现我的模板引擎配置没有存在任何问题，但是浏览器中还是只显示了源码，

于是我查阅了资料，应该在请求中加入这样一行代码规定浏览器以HTML解析内容
在这里插入图片描述
这是很多人最初都会犯的一个错误，加入这行代码以后我们就可以看到HTML页面已经被渲染出来了

郑敬儒~
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
留言板-express+art-template.zip
02-20
用express + art-template 打造留言板
nodejs中art-template模板语法的引入及冲突解决方案
12-23
没关系，这里我们使用art-template模板引擎，使用后可以直接使用html模板： 1、安装art-template npm install art-template 2、修改app.js文件，添加如下代码： // view engine setup app.set('views', path.join...
Node.JS Express渲染HTML，变成显示源码 问题及解决
热门推荐
ZHANG DING的博客
03-26 1万+
Node.JS渲染HTML变成显示源码问题及解决 问题 当使用Node.JS Express服务器渲染HTML页面的时候，本应该渲染出HTML页面，结果显示出了HTML的源码： HTML EJS引擎渲染 在生成的express工程中，默认使用jade模板渲染HTML页面，但其方式与日常的HTML相差甚远。因此作者使用EJS作为HTML的渲染引擎， 当然，先安装ejs： np...
html页面渲染不正常,【报Bug】【已解决】2.24日更新了hbuilder,结果咱们的内置浏览器不能正常渲染html页面了，只显示源码。之前用没问题...
weixin_32191249的博客
06-03 850
已解决，需要运行到浏览器，等项目打包生成以后，在运行到内置浏览器详细问题描述hbuilder内置浏览器不能正常渲染html页面，只显示代码的源码！由于我本地跨域访问，之前一直采用咱们的内置浏览器测试[内容] 重现步骤[步骤]在hbuilder中选择运行-运行到内置浏览器[结果]为正常渲染页面，显示页面源码[期望]正常渲染页面[如果语言难以表述清晰，拍一个视频或截图，有图有真相]IDE运行环境说明...
解决“html表单提交给PHP然后浏览器显示PHP的源代码”问题
Ch_an_ger的博客
06-05 3615
Oh my god 我总算解决浏览器直接显示PHP源码的问题了，可是折磨死老夫了， 首先，我是直接从文件夹中直接打开HTML文件，然后提交数据。。。。 然后。。。。。。头疼的开始 竟然直接给显示了PHP源码，在经过一顿度娘操作操作后，发现直接从文件夹打开HTML文件就导致了整个处理过程并没有经过Apache服务器，也就没有用到php，浏览器自己无法解析php代码，所以直接显示出了源代码。 想要...
HTML提交到PHP直接显示源码问题
mafucan的博客
07-07 4879
这种是原来状况，后面嵌套了一个php代码在里面 点击注册后，却直接显示源码 特别让人纠结，就去请假我的同学，他也遇到过，似乎是没有经过Apache的运算，要加一串什么进去，但咱也看不懂，咱也不敢问，就去搜百度，基本看不明白，最后使出绝技，改用火狐打开，诶，成了！ 但是好像还是少了点什么，下次再来吧。 ...
Mac关于html用网页打开出现源代码
任萌新的小生活
10-23 1万+
最近学习html编写了一下简单的网站，打开后网页确实显示的源代码，查看网页源代码实际上是没有之前所打的代码。 网上绝大部分都是忽略了隐藏扩展名这个问题。 例如将 baidu.txt修改为baidu.html.txt。 而我是先将一个txt文件修改成html文件，然后打开方式选择文本打开，然后进行编辑，最好保存。知道用浏览器打开后直接出现源代码 解决方案：用网页编辑工具的方式打开，或者打开方
art-template：高性能JavaScript模板引擎
02-03
艺术模板 |art-template是一个简单且超快速的模板引擎，可通过范围内预先声明的技术优化模板渲染速度，从而实现接近JavaScript极限的运行时性能。 同时，它支持NodeJS和浏览器。 。 art-template是一个简约，超快的...
express-es6-template-engine:Express渲染引擎，使用ES6 javascript字符串模板作为语法
05-07
ES6 Renderer是用于Node和Express应用程序的简单，超快速和可扩展的模板引擎，它使用纯ES6 Javascript语法。 它的工作方式是扫描工作目录中的文件，然后读取文件的内容并将其从纯字符串转换为ES6模板字符串。 ES6...
基于Html的crud-express-mongodb增删改查设计源码
最新发布
04-11
本源码提供了一个基于Html的crud-express-mongodb增删改查设计。项目包含1586个文件，其中包括928个JavaScript文件、193个Markdown文档、138个JSON文件、71个Less样式文件、21个TypeScript文件、19个YAML文件、15个...
art-template模板引擎渲染html标签（替换html）
LitongZero的博客
08-17 7742
 Node中的art-template模板引擎，渲染html标签（替换html） 我们在使用art-template模板引擎时，如果想用html标签，来渲染内容的话，会遇到一个问题 例如，现在有 app.js使用模板引擎 渲染 index.html app.js  var template = require('art-template'); var fs = require('fs')...
nodejs怎么把html以源码的形式在网页中显示了，而不是解析它。
KateCateCake的博客
11-07 2499
html文件头写成了text/plain, 改成 response.writeHead(200, {“Content-Type”: “text/html”});
express使用art-template模板引擎渲染数据
Jayhodon的博客
09-10 1053
一、使用node.js来简易的搭建一个服务器 搭建流程分为简单的三个步骤： //1.先创建一个app.js文件，加载http核心模块 var http=require('http') /*2、使用http.createServer()方法创建一个服务器对象，同时注册request请求事件。 当客户请求过来，就会自动触发服务器的request请求事件，然后执行第二个参数：回调处理函数。*/ http.createServer(function (req, res) { console.log("
express自动渲染静态html,express渲染dist文件夹下的html直接显示源码？
weixin_30665313的博客
06-03 333
关于这个问题我也遇到了，看了你们的回答之后我进行了尝试。这里我留给后来者一个具体问题原因和解决办法。关于设置express.static()的问题，设置方法很多种，并且都没有问题。例：app.use('/', express.static(__dirname + '/html'));app.use(express.static(path.join(dirname, 'html')));问题所在：问...
在Express中配置使用art-template模板引擎
WebView
08-14 468
最好的案例就是实践，直接贴代码，需要了解模板引擎的
art-template在node，html和express中的使用流程
知识改变一切
09-20 790
node中使用： // 1.安装 npm i art-template // 2.在需要使用的文件模块中加载 art-template // 只需要使用 require 方法加载就可以了：require('art-template') var template = require('art-template') var fs = require('fs') var path = requ...
在express中显示html文件失败,关于javascript：NodeJS + Express提供的HTML文件未加载js文件？...
weixin_29504571的博客
06-09 382
我正在运行NodeJS服务器，该服务器使用综合路由来提供文件'index.html'。 在该文件中，我链接到同一目录中的javascript文件。 该javascript文件未正确加载。 我的控制台中的错误为"未捕获的SyntaxError：意外的令牌这是我的代码server.jsvar express = require('express');var app = express();var co...
art-template安装后没有express-art-template模块
05-28
art-template和express-art-template是两个不同的模块，安装art-template并不会自动安装express-art-template。如果你需要在Express中使用art-template模板引擎，你需要单独安装express-art-template模块，可以使用...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值