前端搭建本地服务器供局域网使用

前端搭建本地服务器供局域网使用,第1张

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

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

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

$ http-server // 搭建服务

https://segmentfault.com/q/1010000003926981

简单实用的前端部署, 一条命令搞定, 省去繁琐的步骤!

主要是** nodejs shelljs(命令行命令)node-ssh(连接服务器)**

项目git 地址

(这个git项目是我自己搭的一个比较low的vue脚手架,集成ts)

(第一次写文章, 文笔不行, 多多包涵,有不对的地方尽管指出)

(主要看 自动部署 在 upload 目录 )

npm 或 cnpm i chalk ora shelljs node-ssh inquirer compressing -D

大功告成~~

咳咳, 放心, 不会有公众号啥广告, 也不会求打赏, 如果您觉得对您有一点点帮助 点个赞或者去GitHub点个star 那就非常感谢了

项目git 地址

        回顾上期,明哥打包好了一个前端镜像

        第一期内容回顾: https://www.jianshu.com/p/d7718adee07e

     1.找到上回我们打包好的镜像,启动!

        docker    run    -it   -p3000:80    my_vue:2.0     /bin/bash

        -p:端口映射:主机(宿主)端口:容器端口

        我们访问服务器的3000端口实际上是访问容器的80端口

        还有印象的小伙伴应该记得test2是我们上次clone的vue项目

        执行npm run build 得到dist文件夹

        找到nginx配置文件中的server(虚拟主机)    ps:居然还include文件。有点难找。。

        将nginx虚拟主机网页根目录指向list

            listen:虚拟主机的服务端口(默认80)

            root:用于指定虚拟主机的网页根目录(改为指向dist)

            try_files: 按顺序检查文件是否存在,返回第一个找到的文件

    4. 重启容器中的nginx(nginx -t排错)

        成功访问到明哥的vue项目!

        docker  run  -it  -p宿主机端口:容器端口   -v宿主机文件夹:容器文件夹    my_vue:2.0  /bin/bash

        我们-v绑定后,在本机中修改文件,容器中文件也会对应修改。

        完结撒花!


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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存