部署web项目到本地服务器(windows)

在同一网络下,如果想要让别人能访问到你的项目,或者想用手机访问自己的web项目,那么可以使用Apache将项目部署到本地服务器。
在Windows系统中,我们一般借助wampServer(Apache web服务器)进行部署。

具体步骤如下:

下载wampServer,地址:wampServer下载地址 部署web项目到本地服务器(windows)_第1张图片
部署web项目到本地服务器(windows)_第2张图片
部署web项目到本地服务器(windows)_第3张图片
部署web项目到本地服务器(windows)_第4张图片
部署web项目到本地服务器(windows)_第5张图片
部署web项目到本地服务器(windows)_第6张图片
部署web项目到本地服务器(windows)_第7张图片
部署web项目到本地服务器(windows)_第8张图片
部署web项目到本地服务器(windows)_第9张图片
我选择修改为谷歌浏览器,则回到桌面,通过右击快捷方式,打开所在位置
部署web项目到本地服务器(windows)_第10张图片
部署web项目到本地服务器(windows)_第11张图片
部署web项目到本地服务器(windows)_第12张图片
部署web项目到本地服务器(windows)_第13张图片
部署web项目到本地服务器(windows)_第14张图片
部署web项目到本地服务器(windows)_第15张图片
部署web项目到本地服务器(windows)_第16张图片
部署web项目到本地服务器(windows)_第17张图片
创建了桌面快捷方式,双击运行
在这里插入图片描述
这个图标由红–黄--绿变化,当变成绿色时,说明启动成功了
在这里插入图片描述
部署web项目到本地服务器(windows)_第18张图片
重启服务
部署web项目到本地服务器(windows)_第19张图片
打开cmd,输入ipconfig可查看当前ip
部署web项目到本地服务器(windows)_第20张图片
在浏览器输入对应地址,即可访问该项目。如: 192.168.2.14/dist/index.html

或不想查ip的话,localhost指向当前ip:
localhost/dist/index.html

你可能感兴趣的:(笔记)