您现在的位置是:首页 > 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打包上传后,如果域不一样,服务器端需要配置跨域支持,参考如下(如果子目录的方式访问不会跨域、不需要配置这个)
后台左侧:【“手机”----->“基础配置”---->“手机端H5地址”】
uniapp端地址以(#/)结尾、比如:
选择编译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/#/
本文标签:
很赞哦! ()
下一篇:shopxo微信小程序上传方法
相关教程
- 帝国cms7.5游戏门户H5小游戏网站模板源码免费下载
- 帝国CMS7.5H5小游戏模板游戏攻略下载网整站源码
- (响应式H5)帝国cms7.5文章新闻博客模板带会员中心
- ecshop支付宝电脑手机H5新版支付接口(自主开发不加密)
- ecshop手机h5商城内容不显示商品图片怎么解决跨域问题
- ecshop3.6的H5安装服务器配置教程
- ecshop3.6 H5网路错误怎么办,ecshop3.6 h5网路错误解决方法
- ecshop微信登录配置,ecshoph5微信登录一直循环授权登录怎么办?
- ecshop4.0h5网路错误解决方案实例
- ecshopH5应用配置,H5社繁殖置,H5微信登录配置教程
- 极米H5值和坚果J10S投影仪哪个好
图文教程
DNS(主从)+DNAT+LAMP架构部署shopxo
1、机器准备机器大小规格2vcpu 2G 100G2、基础环境配置配置IP地址修改主机名关闭selinux、防火墙3、dns主从部署配置master节点配置
shopxo怎么使用后端钩子
我们再来使用一个后端的钩子改变商品的价格和名称,我们这里使用商品处理钩子 plugins_service_goods_handle_end这个钩子名称怎么得到的?
shopxo使用HBuilderX打包方法
进入uniapp官网下载软件根据自己的操作系统选择正式版本下载HBuilderX安装后我们这里采用uniapp插件市场一键导入也可以通过其他平台下载压缩包或者uniapp市场下载压缩包
宝塔面板怎么安装部署shopxo
操作系统:全新系统(支持CentOS、Ubuntu、Debian、Fedora、Deepin),确保是干净的操作系统,没有安装过其它环境带的Apache/Nginx/php/MySQL
相关源码
-
(自适应)双语网络电子摄像头设备pbootcms网站模板下载核心功能定位:基于PbootCMS开发的双语摄像头企业官网模板,深度适配产品规格书展示、实时监控演示、解决方案呈现等业务场景,支持中英文内容一键切换。查看源码 -
(响应式)蓝色智能摄像头安防防盗电子设备免费pbootcms源码下载这是一款针对智能安防行业特点设计的网站模板,采用蓝色系配色方案,体现科技感和安全性。模板包含产品展示、解决方案、技术支持和新闻中心等核心模块,能够全面展示智能安防设备的技术特点和行业应用。查看源码 -
(自适应)营销型健身器材产品设备类pbootcms模板网站为健身器材企业打造的营销型网站模板,基于PbootCMS开源内核开发。采用HTML5响应式架构,PC与移动端数据实时同步,适配多终端展示场景。查看源码 -
(自适应响应式)个人作品技术文章博客网站模板下载基于PbootCMS内核开发的响应式博客模板,为数字营销、技术分享类内容打造。采用前沿设计理念,兼顾内容展示与阅读体验,适配各类终端设备。通过本模板可快速构建专业级行业博客,有效传播专业知识与案例成果。查看源码 -
响应式pbootcms模板新闻资讯博客自媒体门户网站行业通用解决方案为新闻资讯、自媒体博客打造的响应式网站模板,同时支持企业门户、行业资讯等多场景快速适配。通过简单的图文替换即可实现跨行业转型,显著降低建站成本。查看源码 -
(自适应)橙色家政服务清洁保洁服务pbootcms网站模板源码下载模板核心价值:基于PbootCMS内核开发的家政服务类网站模板,通过模块化设计展现服务项目、团队风采、服务案例等核心板块,突出时效预约、服务标准化展示等家政行业特性。查看源码
| 分享笔记 (共有 篇笔记) |
