nginx部署h5项目

时间:2022-03-09 20:14:58

1. nginx部署h5项目

此为windows部署,liunx也类似的

1.1. 前言

部署h5项目还是很简单的,不过对小白来讲一开始可能也是一脸懵逼,这个简单教程针对的是从未部署过前后端分离前端项目的小白

1.2. 步骤

1.2.1. 下载nginx

  1. 如下图目录
    nginx部署h5项目

    1.2.2. 放入经过编译的h5项目

  2. 把经过编译的h5项目放入html文件夹下,可以在html里面创建一个单独文件夹,把内容放进去
  3. 如下图

nginx部署h5项目

1.2.3. 修改conf

  1. 进入conf目录,打开nginx.conf文件

nginx部署h5项目

1.2.4. 启动nginx

  1. 执行命令start nginx.exe
  2. 结束,简单吧

1.2.5. 访问

  1. 通过之前设置的端口地址,ip:port访问