您现在的位置是：首页 > 教程 > ecshop商城教程ecshop商城教程

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

盛枫瑾2024-05-04 21:59:15ecshop商城教程已有13人查阅

导读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";