码迷,mamicode.com
首页 > 其他好文 > 详细

nginx部署h5项目

时间:2019-06-06 12:29:32      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:编译   访问   修改   前后端分离   项目   文件夹   目录   步骤   htm   

1. nginx部署h5项目

此为windows部署,liunx也类似的

1.1. 前言

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

1.2. 步骤

1.2.1. 下载nginx

  1. 如下图目录
    技术图片

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

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

技术图片

1.2.3. 修改conf

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

技术图片

1.2.4. 启动nginx

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

1.2.5. 访问

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

nginx部署h5项目

标签:编译   访问   修改   前后端分离   项目   文件夹   目录   步骤   htm   

原文地址:https://www.cnblogs.com/sky-chen/p/10984089.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!