首页 >专题 >宝塔面板 >两分钟教你宝塔怎么部署uniapp h5项目

两分钟教你宝塔怎么部署uniapp h5项目

藏色散人
藏色散人转载
2021-11-17 14:59:226961浏览

本文由宝塔面板教程栏目给大家介绍如何使用宝塔面板部署uniapp的h5项目,希望对需要的你有所帮助!

宝塔面板部署uniapp的h5项目

1.uniapp中发行h5

在manifest中配置如下

1966e8d3ae6747626c01d40469d677d.png

获得文件夹h5:

9d2788722279d34d67f0e1e22223e71.png

2.在宝塔面板中配置nginx

在nginx文件夹下建立项目文件夹,并上传h5项目

bfbebd15a90f5c1a1869cac5f8a0623.png

修改nginx配置

5c0d780e2321180b35daae4fd1add79.png

添加内容为:

server{
    listen 80;
    server_name www.nyar-alex.cn;
    location / {
      root /www/server/nginx/XMgarbagesorting/h5;
      index index.html;
    }
    
}

c44119cd4e543a23aa7c2676065cd55.png

3.访问地址

nyar-alex.cn/#/

以上是两分钟教你宝塔怎么部署uniapp h5项目的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文转载于:juejin.im。如有侵权,请联系admin@php.cn删除