买了两个课程的朋友, 想在本地整合的话, 这里发一下我的解决方案给你们参考下, 避免掉坑里.
修复前端和一期老版本后台如何配置连接服务端的问题(解决无法显示图片, 无法上传新商品, 无法支付的问题)
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