unapp项目发布h5 详细操作流程以及注意事项 (hash模式)

首先需要在manifest.json文件中的web配置中

unapp项目发布h5 详细操作流程以及注意事项 (hash模式)_第1张图片

这里因为公司项目都是hash模式 所以写的./    接下来看源码视图会发现多了一个配置项:

unapp项目发布h5 详细操作流程以及注意事项 (hash模式)_第2张图片

接下来点击hbx上面的  发行====》网站-PC Web或手机H5(仅适用于uni-app)(H)

unapp项目发布h5 详细操作流程以及注意事项 (hash模式)_第3张图片

 unapp项目发布h5 详细操作流程以及注意事项 (hash模式)_第4张图片

此时查看控制台会显示打包后的存放路径

 接下来就直接给后端同学就好了。

官方uni提供的h5项目的注意事项:uni-app的H5版使用注意事项 - DCloud问答

参考博客:uniApp 打包H5工程 超详细(打包-实现跨域-nignx配置)_uni-appdabaoh5-CSDN博客 

本次遇到的项目是后端用nignx 代理的  nignx捕获网页请求的端口号,然后捕获/api的接口请求

你可能感兴趣的:(uniapp开发h5,前端)