uniapp打包h5部署到服务器

在学习uniapp,部署前后端分离项目。将h5的dist文件打包好后一直在考虑如何通过nginx反向代理到后端接口,整了半天也没整成。最后才发现,uniapp打包的h5页面包好像不需要反向代理到后端接口,只需要通过nginx将dist下的h5包代理了,直接访问后端接口即可。如果不知道如何打包,百度即可,一搜一大堆。
打包后将h5文件夹复制到你的服务器放前端代码的位置,然后在nginx上配置上相应的路径:
uniapp打包h5部署到服务器_第1张图片

nginx配置如下图所示:
uniapp打包h5部署到服务器_第2张图片
而请求后端的接口在自己写的请求后端的公共方法里配置即可,不需要配置manifest.json,也不需要配置vite.config.ts/vite.config.js
uniapp打包h5部署到服务器_第3张图片

你可能感兴趣的:(uni-app,服务器,运维,nginx)