前端转H5说明

前端转H5说明

wPLACjMKGdJbgfvORZZUhtPTKPPYchqzC/Kf3Q==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。

调试H5

JpgidkRbnKFuOMvti/VhgonDffky3iNSoWAUhg==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。

打开HBuilderX开发工具后,点击菜单栏-运行-运行到浏览器,选择任意浏览器进行调试即可。

GVxoZTvNOQYJIfHeywy2DlTZdrRg5KDC09AxTA==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。

image.png

NobcUGWrDyMxTQuS17HEXAlw/xhqEpmoosrpLQ==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。

打包H5

AhRIsxilXGgMromCqkReMRi/u1dy+se+cuE9Kw==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。

1.打开manifest.json,点击左侧h5配置路由模式选择hash运行的基础路径输入/h5/
image.png

rnuDYmvJlhxzQRPEUEsYbWIjoqBRV8wJAXtSrQ==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。

2.点击菜单栏-发行-网站-PC

VgpEdfFGhQLAjISeZ9cCYBmzbqi2Quf6WIyX9A==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。

image.png

yajkfNAsJuOZmWSHQ7qmsX5QdM6J3orDXkIM9A==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。

3.填写你的网站标题及域名

dtuyLfvVGweplcZE76Jwg29TjcueSIa67iyDhA==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。

image.png

gqBTUKWrpJPxHakRRFj+Yt3mMBtkQytaHYmLxw==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。

4.打包成功后,点击控制台打开打包路径,路径在此目录下:

WlgoGBdajQnuyPivy7Q8p5ugVhjliGdNu77WXQ==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。

image.png

uDzYOqFoEkMrCpPv5bvi/C4prYRspihPV21w6Q==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。

这样就打包成功了

HwxtATJvMRLsGiQED6woFx9s6ucOmZEcUN4bUA==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。

部署H5

iRomqXdAkTeFsGUWqMq/Be9YJYc9bkGKgSozsQ==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。
  1. 打开打包后的路径,将整个h5文件夹打包,并上传至/网站根目录/public下解压。
  2. bAtvLhMEwRmCYSzT4+rebzDjgZRUgnQdV+7NMg==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。
  3. 访问H5:https://你的域名/h5/
  4. sIBiJCzRakmLMylq4TSLLg71OaaL7N1XwxLE/Q==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。
注意:新版HBuilderX打包后会有个web目录,只需要将web目录下的内容上传到/网站根目录/public/h5下即可。

部署问题

NyrfOAlkuJvLHcGSEuHX0glCEFF25BGa9OQfvg==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。

域名与接口域名不一致,导致跨域无法请求接口数据

后端需要设置跨域设置,打开后端/application/config.php文件,拉到最底下找到cors_request_domain项,将你的域名加在后面(多个用英文逗号隔开)

文档最后更新时间:2024-09-06 10:28:05
著作权归应用插件开发者所有,未经许可,禁止转载、复制此文档的任何内容。

文档
目录

深色
模式

切换
宽度