请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

后台管理系统怎么与后端代码整合

 请问一下,我没有把前后端部署到服务器上,就是在本机上进行整合,现在前台部分的前后端已经整合完成了,但是后台管理的前端部分不知道怎么整合,看了部署章节,已经安装了node,ruby,sass,但是打包的时候提示找不到babel-loader,babel-core等各种插件,跟着错误提示陆续安装完成后出现这个错误实在不会解决了

https://img1.sycdn.imooc.com//szimg/5b013110000137c616590912.jpg

是还需要安装什么插件还是我整合后台管理系统的前端部分的方式不对吗?

求指点


正在回答 回答被采纳积分+3

3回答

RobinTsang 2019-04-28 14:27:01

买了两个课程的朋友, 想在本地整合的话, 这里发一下我的解决方案给你们参考下, 避免掉坑里.

修复前端和一期老版本后台如何配置连接服务端的问题(解决无法显示图片, 无法上传新商品, 无法支付的问题)

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


3 回复 有任何疑惑可以回复我~
  • 你好,我改了之后可以登录了,但是登录后不显示用户名,而且用户信息也没有显示,请问是哪里出错了呢,谢谢
    回复 有任何疑惑可以回复我~ 2020-05-04 19:05:24
  • 后端代码的webpack.config.js文件在哪里啊
    回复 有任何疑惑可以回复我~ 2020-05-11 23:31:34
  • 你好,我本地连接成功了,点击登录不能保存状态,管理员商户都是一样的问题,为什么呢
    回复 有任何疑惑可以回复我~ 2020-05-14 00:52:54
阿达西哇 2019-02-26 23:04:32

请问您的前后端在本机是如何整合的?

0 回复 有任何疑惑可以回复我~
  • Rosen #1
    分开两个端口启动,再用代理软件把前端的请求劫持到后端上就可以了
    回复 有任何疑惑可以回复我~ 2019-02-27 19:24:20
Rosen 2018-05-20 22:29:51

老版本的后台管理系统应该是安装完依赖能直接跑起来的,需要装个node-sass费点时间,不知道你直接跑遇着什么问题了

0 回复 有任何疑惑可以回复我~
  • 提问者 itsuka33 #1
    请问怎么跑啊,是不是我的操作不对,用什么命令启动后台项目啊
    回复 有任何疑惑可以回复我~ 2018-05-21 15:58:45
  • Rosen 回复 提问者 itsuka33 #2
    把node_modules删了重新执行npm install,然后再启动看能行么,你这报错应该是依赖没装好
    回复 有任何疑惑可以回复我~ 2018-05-25 15:22:58
问题已解决,确定采纳
还有疑问,暂不采纳
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号