在学习uniapp,部署前后端分离项目。将h5的dist文件打包好后一直在考虑如何通过nginx反向代理到后端接口,整了半天也没整成。最后才发现,uniapp打包的h5页面包好像不需要反向代理到后端接口,只需要通过nginx将dist下的h5包代理了,直接访问后端接口即可。如果不知道如何打包,百度即可,一搜一大堆。
打包后将h5文件夹复制到你的服务器放前端代码的位置,然后在nginx上配置上相应的路径:
nginx配置如下图所示:
而请求后端的接口在自己写的请求后端的公共方法里配置即可,不需要配置manifest.json,也不需要配置vite.config.ts/vite.config.js