后台管理系统上传图片的时候不显示缩略图

来源: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


2
2
qq_闎_ehpwzA
想问一下properties里面的连接是不是127.0.0.1?那么用户名和密码是什么?开头改了几次从不报错也不下载改成了连接异常了囧
2019-05-07
共2条回复

从0开始 独立完成企业级Java电商网站服务端开发

前后端分离,数据库接口设计,架构设计,功能开发,上线运维

9487 学习 · 8814 问题

查看课程