前端搭建本地服务器

前端搭建本地服务器,第1张

前端使用vscode编辑器,安装live serve插件

然后在vscode编辑器的右下角有 Go live 按钮,点击自动启动本地服务器

右键,使用Live Server打开;

1. 安装node.js;

2. 安装http-server

http-server详细介绍,包括参数等: https://www.npmjs.com/package/http-server

在命令行中安装到全局(-g表示安装到全局,之后所有文件夹路径下输入http-server都可以使用):

操作: 运行cmd + 输入以下命令:npm install http-server -g (可能会出现权限问题,在npm前加上sudo)

3. 开启服务

进入目标文件夹(也就是需要启动服务的文件夹),shfit+右键 —— “在此处打开Powershell窗口”,输入如下命令:

hs -o (等同于 http-server -open)

本地服务器就启动起来了,默认端口为8080。

遇到问题:端口被占用,修改端口:hs -o -p 8888

完毕!!

1、安装全局anywhere,npm install anywhere -g

2、cmd中进入要启动本地服务器的静态文件夹,执行命令:anywhere;

3、anywhere的网址: https://www.npmjs.com/package/anywhere

1、打开控制面板,选择并进入“程序”,双击“打开或关闭Windows服务”,在弹出的窗口中选择“Internet信息服务”下面所有地选项,点击确定后,开始更新服务。

2、更新完成后,打开浏览器,输入“http://localhost/”回车,如果此时出现IIS7欢迎界面,说明Web服务器已经搭建成功。

3、当web服务器搭建成功后,我们下一步所要做的就是把我们开发的网站安装到Web服务器的目录中。一般情况下,当Web服务器安装完成后,会创建路径“%系统根目录%inetpub/wwwroot”,将我们开发的网站COPY到该路径下。即可实现本地访问该网站。

4、设置防火墙,让局域网当其它计算机也能访问本地网站资源。具体方法:打开控制面板,选择“系统和安全”,点击“允许程序通过Windows防火墙”,在弹出的对话框中勾选“万维网服务HTTP”右侧的两个复选框,最后点击确定退出。

5、在局域网中其它计算机上,打开浏览器,输入 “http://Web服务器的IP地址/”按回车键,就可以访问服务器上的资源”。  经过以上步骤的设置,局域网中的其它用户就可以通过浏览器访问你所共享的web资源了!

扩展资料:

入门级服务器所连的终端比较有限(通常为20台左右),况且在稳定性、可扩展性以及容错冗余性能较差,仅适用于没有大型数据库数据交换、日常工作网络流量不大,无需长期不间断开机的小型企业。

不过要说明的一点就是目前有的比较大型的服务器开发、生产厂商在后面我们要讲的企业级服务器中也划分出几个档次,其中最低档的一个企业级服务器档次就是称之为"入门级企业级服务器",这里所讲的入门级并不是与我们上面所讲的"入门级"具有相同的含义,不过这种划分的还是比较少。

还有一点就是,这种服务器一般采用Intel的专用服务器CPU芯片,是基于Intel架构(俗称"IA结构")的,当然这并不是一种硬性的标准规定,而是由于服务器的应用层次需要和价位的限制。

由于现在宽带速度已经很快,电脑配置也越来越高,所以可以把自用PC电脑作为互联网网站服务器,首先需要分清宽带IP和本机IP是有区别的,演示的192.168.1.134是本机IP,另外一个地址是宽带IP地址。步骤如下:

1、首先本地电脑要搭建好内网能访问的服务器,本地电脑搭建网站的教程很多,本步骤省略,用本地IP能访问的的服务器,在地址栏中输入本机IP地址192.168.1.134访问自己的电脑网站;

2、如何让外网能访问,打开路由器设定;

3、进入转发规则-虚拟服务器-添加新条目;

4、如图输入,根据自己的本机IP进行输入,保存;

5、现在用固定宽带IP已经能外网访问了;

6、本地电脑的宽带IP地址,可以百度查询;

7、如何通过本地的域名也能外网访问呢,进去域名管理后台,将域名解析A记录指向本地的宽带IP地址;

8、现在,地址栏输入本地的域名可以访问了;


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/163370.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-03-24
下一篇2023-03-24

发表评论

登录后才能评论

评论列表(0条)

    保存