nodejs怎么把html以源码的形式在网页中显示了，而不是解析它

可以通过设置输出到浏览器的'Content-Type的值为text/html即文本类型的html即可实现将html代码发送到浏览器中解释，而如果设置的值为text/plain则值会显示为文本而不会被浏览器渲染。

代码实例如下：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

const http = require('http')

const hostname = '127.0.0.1'

const port = 3000

const server = http.createServer((req, res) =>{

res.statusCode = 200

res.setHeader('Content-Type', 'text/html')

res.end("<p style='color:redfont-size:30px'>hello world</p>")

})

server.listen(port, hostname, () =>{

console.log(`服务器运行在 http://${hostname}:${port}/`)

})

你说的应该是将HTML程序打包为桌面程序吧，这里介绍一种简单的方式，利用node.js的electron打包，下面我简单介绍一下实现过程，主要内容如下：

这里为了更好的说明问题，我新建了一个index.html文件，主要内容如下，就是一个简单的按钮提示功能：

浏览器打开后的效果如下：

1.首先，安装nodejs，这个直接到官网上下载就行，选择适合自己平台的版本即可，安装完成后，需要将node、npm这些常见命令（即node安装目录）添加到环境变量中，方便后面使用，如下：

2.接着就是安装electron和electron-packager这2个包，打包程序的时候要使用到这2个包，至于安装的话，直接在cmd窗口中输入命令“npminstallelectronelectron-packager”就行，如下：

3.最后就是打包HTML为桌面程序了，主要步骤如下：

这里为了方便，我新建了一个package目录，把刚才的index.html移入到这个目录下，同时下面新建一个package.json文件和main.js一个文件，如下：

其中package.json用于指明打包的基本信息，main.js用于配置打包的详细信息，其基本内容如下：

package.json文件：name为应用名称，version为版本号，main为打包配置文件。

main.js文件：这里用于配置打包的详细信息，可以自行设置，网上资料很多，可以搜一下，我这里简单配置了一下：

接着就是运行打包命令了，cmd切换到刚才的package目录，然后运行命令“electron-packager.Hello--win--outHelloApp--arch=x64--electron-version=3.0.10--overwrite”就会自动打包，这里主要需要指明打包的目录、应用名称、输出目录、应用位数、版本号等，详细参数可以到网上搜一下，如下：

打包成功后，就能在输出目录HelloApp下的Hello-win32-x64目录中找到刚才打包好的Hello.exe应用程序，双击就能打开，如下：

至此，我们就完成了将HTML打包为桌面应用程序，其实就是用HTML开发桌面程序。总的来说，整个过程很简单，就是配置有些麻烦，只要你熟悉一下相关过程和参数，多练习几遍，很快就能掌握的，当然，你也可以利用其它方式来打包HTML程序，像nw.js，cef等，都可以，网上也有相关教程和资料，感兴趣的话，可以搜一下，希望以上分享的内容能对你有所帮助吧。

---