商城PC端joolun plus uniapp pc
JooLun 于 2026-10-21 14:40:14 +08:00 修改了此页面
说明
- 商城用户PC端(joolun-plus-uniapp-pc)和商城用户移动端(joolun-plus-uniapp)一样用uniapp开发,支持编译成PC端H5,PC端即在移动端的基础上演变而来,所以在技术开发上和移动端基本一样
注意事项
- H5端的服务器接口地址是在
joolun-plus-uniapp-pc/manifest.json中配置h5.devServer.proxy./mallapi.target转发代理,此配置只对本地开发环境起作用,H5端服务器环境的转发代理直接是在nginx中配置的(具体请查看 生产环境部署教程)
- 以下文档截图为joolun-plus-uniapp项目,joolun-plus-uniapp-pc项目同理
项目导入HBuilder并安装依赖
- HBuilder X打开(文件-导入-从本地目录导入)商城端代码(joolun-plus-uniapp-pc)
- 在joolun-plus-uniapp-pc目录下运用如下命令
npm install --registry=https://registry.npmmirror.com

PC端H5(joolun-plus-uniapp-pc)编译
- 修改
joolun-plus-uniapp-pc/manifest.json中的转发代理地址h5.devServer.proxy./mallapi.target;可以是后台(joolun-plus-ui)访问地址,也可以直接是网关服务joolun-gateway的访问地址(默认:ip:9999),本地环境直接填http://localhost:9999

- 运行项目,和移动端h5一样运行后一定要将url手动加上参数?tenant_id=1才能正常访问不报错

- 这里需要注意,运行成功后因为没有租户ID所以会报错,需要手动加上参数
?tenant_id=1,直接在外部浏览器访问http://localhost:8086/?tenant_id=1, 如果能加载出数据就说明项目已经跑起来了
- 假设我们已经内穿实现了demo1-pc.joolun.com指向我们本地localhost:8086,这样外网可以通过demo1-pc.joolun.com访问到我们本地的localhost:8086