您现在的位置是:首页 > cms教程 > shopxo教程shopxo教程

shopxo的web/h5打包上传教程

阿兰2025-07-26shopxo教程已有人查阅

导读先采用HBuilderX打包编译源码查看教程>>shopxo使用HBuilderX打包方法选择编译web/h5端顶部点击发行->选择网站pc/web/h5名称不需要修改,对包没有影响,域名也不需要填写,直接点击【发行】即可

先采用HBuilderX打包编译源码查看教程>>shopxo使用HBuilderX打包方法
选择编译web/h5端
顶部点击发行->选择网站pc/web/h5
名称不需要修改,对包没有影响,域名也不需要填写,直接点击【发行】即可
编译后的源码上传
源码编译好的目录一般在导入的包位置shopxo-uniapp/unpackage/dist/build/web
上传web这个目录到系统源码public目录下,如果我在根目录设置的非public、那就上传至于public同级目录即可。
跨域配置
h5打包上传后,如果域不一样,服务器端需要配置跨域支持,参考如下(如果子目录的方式访问不会跨域、不需要配置这个)
location ~ \.php$ {
#允许跨域访问
#add_header 'Access-Control-Allow-Origin' '*'; #不限域名
add_header 'Access-Control-Allow-Origin' 'http://d1.shopxo.vip'; #限制域名的方式
add_header 'Access-Control-Allow-Credentials' 'true';
add_header 'Access-Control-Allow-Methods' 'OPTION, POST, GET';
add_header 'Access-Control-Allow-Headers' 'X-Requested-With, Content-Type';
#PHP配置
fastcgi_pass   127.0.0.1:9000;
fastcgi_index  index.php;
fastcgi_param  SCRIPT_FILENAME $document_root$fastcgi_script_name;
include        fastcgi_params;
}
打包后的h5地址配置到商城后台
后台左侧:【“手机”----->“基础配置”---->“手机端H5地址”】
uniapp端地址以(#/)结尾、比如:
独立域名方式:https://h5.shopxo.vip/#/
子目录方式:https://d2.shopxo.vip/h5/#/
这里的h5 就是我们刚才上传的web目录,您如果希望使用访问叫h5则自己把名称改为h5目录即可,不改则访问https://d2.shopxo.vip/web/#/

本文标签:

很赞哦! ()

相关源码

  • (自适应)双语网络电子摄像头设备pbootcms网站模板下载核心功能定位:基于PbootCMS开发的双语摄像头企业官网模板,深度适配产品规格书展示、实时监控演示、解决方案呈现等业务场景,支持中英文内容一键切换。查看源码
  • (响应式)蓝色智能摄像头安防防盗电子设备免费pbootcms源码下载这是一款针对智能安防行业特点设计的网站模板,采用蓝色系配色方案,体现科技感和安全性。模板包含产品展示、解决方案、技术支持和新闻中心等核心模块,能够全面展示智能安防设备的技术特点和行业应用。查看源码
  • (自适应)营销型健身器材产品设备类pbootcms模板网站为健身器材企业打造的营销型网站模板,基于PbootCMS开源内核开发。采用HTML5响应式架构,PC与移动端数据实时同步,适配多终端展示场景。查看源码
  • (自适应响应式)个人作品技术文章博客网站模板下载基于PbootCMS内核开发的响应式博客模板,为数字营销、技术分享类内容打造。采用前沿设计理念,兼顾内容展示与阅读体验,适配各类终端设备。通过本模板可快速构建专业级行业博客,有效传播专业知识与案例成果。查看源码
  • 响应式pbootcms模板新闻资讯博客自媒体门户网站行业通用解决方案为新闻资讯、自媒体博客打造的响应式网站模板,同时支持企业门户、行业资讯等多场景快速适配。通过简单的图文替换即可实现跨行业转型,显著降低建站成本。查看源码
  • (自适应)橙色家政服务清洁保洁服务pbootcms网站模板源码下载模板核心价值:基于PbootCMS内核开发的家政服务类网站模板,通过模块化设计展现服务项目、团队风采、服务案例等核心板块,突出时效预约、服务标准化展示等家政行业特性。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐