【uniapp】打包成H5并发布

目录

1、设置配置mainifest.sjon

1.1 页面标题

1.2 路由模式

1.3 运行的基础路径

2、打包

2.1 打包入口

 2.2 打包成功

2.3 依据目录找到web目录

3、 将web目录整体拷贝出来

4、上传

4.1 登录uniapp官网注册免费空间

4.2 上传拷贝的目录 

4.3 检查上传是否正确

5、 配置 

5.1 查看域名

5.2 跨域配置 

6、浏览器访问

7、后端跨域问题

---

前言：uniapp打包成h5发布

1、设置配置mainifest.sjon

1.1 页面标题

项目标题

1.2 路由模式

bash

1.3 运行的基础路径

本项目使用一个免费的地址，想多放几个项目，选择这个模式

2、打包

2.1 打包入口

标题取名与之前的一致 

 2.2 打包成功

2.3 依据目录找到web目录

3、 将web目录整体拷贝出来

将拷贝出来web名称改成dora，与你配置时候的运行路径名称一致

4、上传

4.1 登录uniapp官网注册免费空间

4.2 上传拷贝的目录 

注意选择红色方框

4.3 检查上传是否正确

名称与步骤1的路径一样 

5、 配置 

5.1 查看域名

点击参数配置--默认域名

5.2 跨域配置 

将默认域名配置上去

6、浏览器访问

域名/dora/      

7、后端跨域问题

因为我使用的是django部署的，我的后端跨域问题见博主其他文章

这里要新增

CORS_ALLOW_ALL_ORIGINS = False
CORS_ALLOWED_ORIGINS = ["http://localhost:5173",  # 替换为你的前端应用的URL"http://域名", # uniapp h5域名 记得+前缀# 或者使用 '*' 来允许所有源（不推荐）# '*'
]