用 uniapp 开发小程序其实和开发H5是一样的。就是在打包的时候会略有不同。
uniapp 在开发的时候需要在 manifest.json 的源码视图配置 nginx 反向代理才能去请求后端
`/ 代理名称 ${config.url}`
一般情况下的请求都是代理 + url 去请求数据。
但是,这个只是针对H5的请求方式去代理的。 小程序的请求并不需要代理,因为小程序本身自带跨域功能。
所以,我们只 需要 IP + URL 即可。例如:https://xxxx.com,并不需要说去通过代理开启跨域。
如果用了代理去开启跨域再去打包小程序,小程序会报错URL 的问题。
因为 小程序自带了跨域功能,而你又去开启跨域,冲突了所以报错。
解决方法就是直接 IP + URL 即可. 如下图所示
解决了 IP 的问题之后。接下来就是 说一下发布的流程了。
1. 先去这个地址,扫码登录。获取你的小程序的AppID。如果还没有,先去申请小程序。
https://mp.weixin.qq.com/
2. 复制 AppID 回来 HX 的manifest.json 文件找到微信小程序配置,把你的AppID 配置上去
3. 点击发行 - 选择 微信小程序,最后等打包出来。
4. 打包出来会形成这个文件
5. 打开 微信开发者工具 ,选择导入,找到你刚刚打包好的文件
6. 找到你刚刚打包的文件,一定要选择到最后一层,也就是 mp-weixin 这一层
7. 点击确定,进入微信开发者页面,选择信任并运行
8.这个时候你可以先试试的小程序是否有报错,开发者工具的运行和真实小程序运行是一样的。如果没有报错,就可以选择开始上传。
9. 首次提交会让你选择体验版本,一定要选择为体验版本,因为可以快速测试功能。小程序真正上线是要审核代码的,审核非常耗费时间。
10. 回到这里 :mp.weixin.qq.com 这个地址
找到版本管理
11. 把版本选择为 体验版本,因为这样干能上传完了就能测试到代码了。最后没问题了再选择审核代码
以下就是 uniapp 打包到发布小程序的完整过程。
标签:uniapp,指引,跨域,程序,代理,报错,打包 From: https://www.cnblogs.com/majiayin/p/17482390.html