本地的html文件怎么运行在服务器上

1、之前运行本地写的demo这样html文件时,会在vscode上直接运行这样的命令Open In Default Browser,如图:
本地的html文件怎么运行在服务器上_第1张图片
在浏览器中打开的链接是:file:///Users/shixiaolin/Documents/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/%E5%B9%B3%E6%97%B6%E7%BB%83%E4%B9%A0/ES6/a%E7%9A%84download.html
可以看到是以
file
开头的链接,这个就相当于是在本地打开了一个文件,跟运行在服务器上还是有很大区别的。

那我们运行本地html文件时,怎么才能像运行在服务器上一样呢?
这个时候我们需要安装一个插件叫http-server 建议全局安装。

npm install http-server -g

安装好之后,
在当前html目录下执行http-server,就启动一个http服务
本地的html文件怎么运行在服务器上_第2张图片
cmd+单击 这个链接进行访问

本地的html文件怎么运行在服务器上_第3张图片

然后单击链接进行访问:
本地的html文件怎么运行在服务器上_第4张图片

这样就可以在本地服务器上访问html文件了。

你可能感兴趣的:(知识体系,javascript,node)