静态H5开发环境发布流程

静态H5开发部署流程

• 静态包准备
• Nginx路由配置
• Nginx重启
• 静态包解压及相关配置文件修改
• 内部访问或者外部访问测试

准备好待压缩的包

目录结构如下：

[root@iZ232s3nr6zZ h5-fans-tjxy]# tree -a
.
├── app.css
├── app.js
├── assets
│   ├── 05b6567d.svg
│   ├── 6fbacf36.eot
│   ├── a572c352.woff
│   ├── af3ac62b.ttf
│   └── dll
│   ├── vendor.dll.css
│   └── vendor.dll.js
├── common.js
└── index.html

Nginx路由配置

找到nginx安装路径：/usr/local/nginx/conf

找到nginx配置文件：nginx.conf

标注如下：

location ^~ /h5-toujiaoschool {
root /home/web;
index index.html;
}

Location 为你的路径匹配规则 ^~ 表示前缀匹配[有兴趣的可以看下nginx location的帮助]，root为你的根目录的地址， index为引导页面/首页

配置好后执行 nginx –s reload 重启nginx使得配置生效

 

静态包解压及相关配置文件修改

如果项目需要，修改相关的config.js的信息

内部访问或者外部访问测试

常见问题

Checklist

报403错误，静态文件是否部署，是否权限合适

报500错误，是否服务器可用

报nginx的错误页面，是否启动或者配置有问题，查看配置或者logs/nginx.log

转载于:https://my.oschina.net/u/1384912/blog/880988