您现在的位置是:首页 > cms教程 > Ecshop商城教程Ecshop商城教程

ecshop手机h5商城内容不显示商品图片怎么解决跨域问题

盛枫瑾2024-05-04Ecshop商城教程已有人查阅

导读ecshop4.1以上版本h5手机版不显示商城内容和商品图片,因为跨域问题导致接口不能通信,所以要解决跨域问题。ecshop H5手机版不显示商城内容和图片信息如图:

ecshop4.1以上版本h5手机版不显示商城内容和商品图片,因为跨域问题导致接口不能通信,所以要解决跨域问题。ecshop H5手机版不显示商城内容和图片信息如图:
代码号经过排查,原来是跨域问题导致的:
解决方法ecshop h5手机版以为跨域导致的商城内容不显示图片不显示问题就要先解决跨域问题:
Apache环境 找到 httpd.conf修改如下内容
前面的#号去掉:     LoadModule headers_module modules/mod_headers.so
然后添加以下配置:
添加完记得重启下服务器。
然后在看看效果:可以显示商城内容啦!
补充:服务器nginx的设置:
api端口的设置:

add_header Access-Control-Allow-Origin '*';
add_header Access-Control-Allow-Headers "Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With";
add_header Access-Control-Expose-Headers "Authorization";
add_header Access-Control-Allow-Methods "DELETE, GET, HEAD, POST, PUT, OPTIONS, TRACE, PATCH";
location / {
autoindex on;
}

主站的设置

location /h5 {
if (!-e $request_filename) {
rewrite ^/(.*) /h5/ last;
break;
}
}
add_header Access-Control-Allow-Origin '*';
add_header Access-Control-Allow-Headers "Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With";
add_header Access-Control-Expose-Headers "Authorization";
add_header Access-Control-Allow-Methods "DELETE, GET, HEAD, POST, PUT, OPTIONS, TRACE, PATCH";

本文标签:

很赞哦! ()

相关源码

  • (PC+WAP)绿色环保建筑设备通用行业pbootcms源码下载通过模块调整可适配园林景观、装配式建筑、绿色装修等生态建设相关领域。预制绿色建材展示、能耗模拟等专业模块,集成项目案例、环保工艺等建筑行业特色内容结构,测试数据包含LEED认证体系查看源码
  • 自适应建材瓷砖卫浴大理石类pbootcms网站模板源码下载为建材瓷砖、卫浴瓷砖企业打造的高端响应式门户模板,基于PbootCMS内核深度开发。采用前沿HTML5自适应架构,无缝兼容手机端触控交互与PC端展示场景。查看源码
  • (自适应响应式)pbootcms食品零食店日化用品网站源码下载基于PbootCMS内核开发的响应式模板,为食品零食、日化用品等行业量身定制。该模板通过可视化设计展现产品特色,帮助企业快速搭建专业官网查看源码
  • 响应式高端家居家具装修类pbootcms模板网站源码家居装修、空间设计企业打造的营销型网站解决方案,基于PbootCMS内核深度开发。采用前沿响应式架构,适配手机端与PC端浏览体验查看源码
  • 粉色家政月嫂保姆公司pbootcms网站模板(PC+WAP)为家政服务、月嫂保姆企业打造的营销型解决方案,基于PbootCMS内核开发,采用温馨粉色主题传递行业温度。PHP7.0+高性能架构支持SQLite/MySQL双数据库查看源码
  • (PC+WAP)地暖热水器烘干机节能设备网站模板下载为地暖热水器及节能设备企业设计的PbootCMS网站模板,集成产品展示、节能方案介绍、技术参数说明等专业模块。采用PC与移动端同步响应架构查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐