您现在的位置是:首页 > 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系统开发,专为幽默笑话、搞笑趣图类网站设计。采用轻松活泼的布局风格,突出娱乐内容分享特色,适合各类笑话、段子、搞笑图片等内容展示。查看源码
  • (PC+WAP)蓝色低碳环保隔断板装修装饰类网站pbootcms源码下载本款基于PbootCMS开发的网站模板为活动隔断板、装修装饰行业打造,特别适合移动隔断、环保隔断、办公分区等产品的展示与推广。查看源码
  • 响应式WordPress简约博客主题Alt_BlogAlt_Blog主题该模板为博客内容展示设计,采用简约现代的风格理念,打造清晰的内容呈现平台。响应式布局确保在不同设备上都能获得良好的浏览体验,帮助博主更好地展示和分享内容。查看源码
  • (自适应响应式)工业机床工程农业机械设备网站源码下载框架适用于工程机械、机床设备等工业领域。通过模块调整可快速转型为农业机械、物流设备展示系统。预留7种工业产品展示模板。查看源码
  • (自适应响应式)蓝色勘察设计院机构单位商会协会pbootcms模板下载本模板基于PbootCMS系统开发,为勘察设计院所、工程咨询单位设计,特别适合展示设计成果、技术服务和项目案例。采用响应式技术,确保设计图纸和方案以及文案在不同设备上都能清晰展示。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐