前端搭建本地服务器

前端搭建本地服务器,第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

后端分离部署时,服务器A用于部署前端项目,称为前端服务器,服务器B用于部署后端项目,称为后端服务器。后端服务器通过开放API的方式,向前端服务器中的前端项目提供数据或数据操作接口,以此实现前端与后端的衔接。若受项目的成本限制,将前端项目与后端项目部署在同一服务器上也是可以的,可以通过nginx等反向代理服务器根据访问地址进行分发。

作为前端开发搭建本地服务尤其重要,下边的方法三步完成服务器的搭建:

$ npm install http-server -g  // 全局安装http-server

$ cd demo2   // 打开要共享的文件

$ http-server // 搭建服务

https://segmentfault.com/q/1010000003926981


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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存