后台管理系统上传图片的时候不显示缩略图
来源:8-9 商品管理模块所有功能自测

RobinTsang
2019-04-28
之前不显示图片的问题已经通过在本机hosts添加img.happymmall.com解决了, 现在只剩下一个图片不显示的问题:
图片点击上传图片时, 不能马上预览缩略图, 保存之后也看不到(见图1)
但实际上图片已经成功上传到ftp服务器了, 在前端那边搜索的时候也看得见(见图2、图3)
图1只有这个小图片的src地址显示的却不是ftp.server.http.prefix的值(预设值为http://img.happymmall.com/) , 而图2图3的图片却又是img.happymmall.com, 能够成功匹配ftp服务器里的图片
图1
图2
图3
想问一下大家是哪一个地方没设置好呢? 感激不尽
1回答
-
RobinTsang
提问者
2019-04-28
顺藤摸瓜之后找到出错的地方, 解决了, 请参考下面第3条
买了两个课程的朋友, 想在本地整合的话, 这里发一下我的解决方案给你们参考下, 避免掉坑里.
修复前端和一期老版本后台如何配置连接服务端的问题(解决无法显示图片, 无法上传新商品, 无法支付的问题)
1.修改前端和后台的webpack.config.js:
port:填写本系统占用的端口, 前端:8088, 后台:8086
Proxy: 将路径map到target: 你的服务端占用的端口 (8080)
前端:
devServer: {
port: 8088,
inline: true,
proxy : {
'**/*.do' : {
target: 'http://localhost:8080/',
changeOrigin : true
}
}
}
后台:
devServer: {
port: 8086,
proxy : {
'/manage' : {
target: 'http://localhost:8080/‘,
changeOrigin : true
},
'/user/logout.do' : {
target: 'http://localhost:8080/',
changeOrigin : true
}
}
}
这2个地方设置好之后基本上大部分功能都能正常使用.
2.解决前端里的商品里面没有图片和后台product里面不能上传图片
prefix改成[用nginx转发自己的ftp服务器地址的那个域名] 例如:img.happymmall.com. (也可以是其他域名)
**切记: 必须在linux/win服务器里面的nginx配置好, 例如nginx.conf里面要include /vhost/*.conf (这个路径要再检查)
在vhost里面的***.com.conf(你那个真的或假的域名) 要配置好location, root等等
**最后要在你的浏览器使用的系统(mac/win)的/etc/hosts/文件里面 配置上[你的ftp服务器 (真)假域名]
3.解决无法显示前端search list里的小图和后台product里面上传图片时不显示缩略图+查看product列表的view, edit里面不显示缩略图
请检查后台代码的src > util > mm.jsx
因为page > product的detail.jsx和save.jsx都要引用mm.jsx里的imageHost
确定这里和服务端里的那个(真)假域名是匹配的 (我荏苒跟着服务端教程使用img.happymmall.com这个域名)
*直接写ftp的地址并不能显示图片, 必须要用nginx做一个反向代理才行.
4.无法支付:
https://natapp.cn/tunnel/lists
购买一个VIP_1型隧道 (12元/月)和一个域名 (最低3元/年)
然后记得复制你的NATAPP域名下面要用到
启动:
在你的macos/windows里面命令行cd到natapp的文件夹, 然后输入:
./natapp -authtoken=602e1e93c11ad0e2
就可以启动了
记得将服务端里的代码mmall.properties里面的回调地址修改成自己的
alipay.callback.url= 你的NATAPP域名//order/alipay_callback.do
222019-05-07
相似问题
回答 2
回答 1