您现在的位置是：首页 > 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/#/

本文标签：

很赞哦！ ()

上一篇：shopxo使用HBuilderX打包方法

下一篇：shopxo微信小程序上传方法

图文教程

大家在看

shopxo免费的吗？shopxo可以免费商用吗？

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

shopxo的web/h5打包上传教程

相关教程

图文教程

相关源码

大家在看

本栏推荐

相关标签

大家喜欢

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

shopxo的web/h5打包上传教程

感谢您的认可和支持

相关教程

图文教程

相关源码

大家在看

本栏推荐

相关标签

大家喜欢