uniapp打包h5部署到服务器

在学习uniapp,部署前后端分离项目。将h5的dist文件打包好后一直在考虑如何通过nginx反向代理到后端接口,整了半天也没整成。最后才发现,uniapp打包的h5页面包好像不需要反向代理到后端接口,只需要通过nginx将dist下的h5包代理了,直接访问后端接口即可。如果不知道如何打包,百度即可,一搜一大堆。

打包后将h5文件夹复制到你的服务器放前端代码的位置,然后在nginx上配置上相应的路径:

nginx配置如下图所示:

而请求后端的接口在自己写的请求后端的公共方法里配置即可,不需要配置manifest.json,也不需要配置vite.config.ts/vite.config.js

相关推荐
Olrookie8 分钟前
MySQL运维常用SQL
运维·数据库·sql·mysql·dba
云动雨颤13 分钟前
WordPress提速指南:Memcached+Super Static Cache+CDN缓存网站内容
服务器·memcached·cdn
hweiyu0033 分钟前
Linux运维实战:云原生设计与实施Docker&K8S(视频教程)
linux·运维·云原生
blackorbird36 分钟前
使用 Overpass Turbo 查找监控摄像头
运维·服务器·数据库·windows
小白不想白a1 小时前
【shell】每日shell练习(系统用户安全审计/系统日志错误分析)
linux·运维·云原生
2501_915909061 小时前
iOS App 上架全流程详解:证书配置、打包上传、审核技巧与跨平台上架工具 开心上架 实践
android·ios·小程序·https·uni-app·iphone·webview
2501_915106321 小时前
iOS 26 系统流畅度测试实战分享,多工具组合辅助策略
android·macos·ios·小程序·uni-app·cocoa·iphone
2501_915918411 小时前
开发 iOS 应用全流程指南,环境搭建、证书配置与跨平台使用 开心上架 上架AppStore
android·ios·小程序·https·uni-app·iphone·webview
SelectDB技术团队1 小时前
Apache Doris 与 ClickHouse:运维与开源闭源对比
运维·clickhouse·apache
xx.ii1 小时前
Zabbix模板,监控项,图形的使用方法
服务器·网络·zabbix