欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-19 13:14:14
1、之前运行本地写的demo这样html文件时,会在vscode上直接运行这样的命令Open In Default Browser,如图:在浏览器中打开的链接是: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开头的链接,这个就相当于是在本地打开了一个文件,跟运...

1、之前运行本地写的demo这样html文件时,会在vscode上直接运行这样的命令Open In Default Browser,如图:
本地的html文件怎么运行在服务器上
在浏览器中打开的链接是: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文件怎么运行在服务器上
cmd+单击 这个链接进行访问

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

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

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

本文地址:https://blog.csdn.net/xiaolinlife/article/details/107549689