通过nginx代理前端两个接口劫持请求到后端并通过代理本地假域名来启动商城，具体怎么配置vhost还需要什么环境，ftp服务器怎么联系起来

Question

如何完整启动项目，环境部署好了，nginx具体如何整合前后端怎么代理静态资源然后反向代理请求启动的？后台管理和前端能通过Node.js启用webpack打包的命令npm run dist_win/dev_win 启动，admin-fe和mmall都成功生成dist
后端问题目前无人回复放前端问一下，谢谢，
支付宝回调问题。支付后没响应，订单支付状态不变。 使用的是natapp免费隧道（免费隧道地址间断更新） callback地址填写的最新隧道地址
后台提示持续刷以下：
[01:23:53.698][DEBUG][org.mybatis.spring.SqlSessionUtils][http-nio-8080-exec-2] Creating a new SqlSession [01:23:53.699][DEBUG][org.mybatis.spring.SqlSessionUtils][http-nio-8080-exec-2] SqlSession [org.apache.ibatis.session.defaults.DefaultSqlSession@3867f315] was not registered for synchronization because synchronization is not active [01:23:53.700][DEBUG][o.m.s.t.SpringManagedTransaction][http-nio-8080-exec-2] JDBC Connection [jdbc:mysql://localhost:3306/mmall?characterEncoding=utf-8, UserName=root@localhost, MySQL-AB JDBC Driver] will not be managed by Spring [01:23:53.700][DEBUG][c.m.d.O.selectByUserIdAndOrderNo][http-nio-8080-exec-2] ==> Preparing: SELECT id, order_no, user_id, shipping_id, payment, payment_type, postage, status, payment_time, send_time, end_time, close_time, create_time, update_time from mmall_order where order_no = ? and user_id = ? [01:23:53.701][DEBUG][c.m.d.O.selectByUserIdAndOrderNo][http-nio-8080-exec-2] ==> Parameters: 1618420475149(Long), 23(Integer) [01:23:53.703][DEBUG][c.m.d.O.selectByUserIdAndOrderNo][http-nio-8080-exec-2] <== Total: 1 [01:23:53.703][DEBUG][org.mybatis.spring.SqlSessionUtils][http-nio-8080-exec-2] Closing non transactional SqlSession [org.apache.ibatis.session.defaults.DefaultSqlSession@3867f315]
这个生成dist里图片路径在哪里设置的呀？这个img.happymmall.com不是我配置的vhost读取的图片也不是我本地的。这个是线上的资源地址提供的吗？还有那个s.happymall.com是什么也是线上的资源地址？


后台接口在restlet测试成功。还缺少什么吗？f如果不缺少如何通过nginx代理请求接口并完整启动商城。ftp服务器怎么使用在本地，要在本地放商城需要的图片资源吗？又如何和nginx结合使用到一块，还是不需要？
“前端请求和前端html页面在同一个域名下的接口地址，再通过代理把这个接口请求劫持到你真实的后端上”这个具体是怎么操作的。nginx的vhost配置是怎么写实现本地代理请求运行。需要准备什么环境，location本地的路径是指的什么。视频和配置文件里是Linux的介绍，没有windows环境的详细介绍。
启动项目顺序又是什么？IDEA启动Tomact（后台通过restlet测试接口成功）→配置vhost（几个配置文件？怎么写？）cmd启动nginx→ftp服务器（怎么联系起来使用的？ftpfile呢？）→每次都需要nodejs的npm run ？（run dev_win 如下图展示排版错误的静态页面，run dist_win 生成了dist放在nginx的html目录下了 还需要怎么写代理？）→怎么完整运行商城？这样在没买服务器域名的情况下可以实现哪些功能？可以下单吗?可以有支付宝扫描的页面吗？沙箱相关的？
问答区里实在没有找到相关解决方法，麻烦老师同学能帮忙解决一下。
下图是learning.happymall.com/nginx/conf/windows中的image.imooc.com.conf其中还有一个是tomact.imooc.com.conf就这两个和linux里的4个配置文件为什么不一样？windows需要tomact的配置？

图片描述


后台管理上传的商品图片在检查里看到并没有image.happymall.com图片资源，请问这里该怎么设置这里需要ftp上传得到，没有配置好路径所以获取不了，nginx里同一个资源地址conf可以配置两个location静态资源路径来获取两个文件夹的图片吗?
已解决：在一个location下用if判断两个路径资源即可“ if (!-e $request_filename) { }”

Answer 1

Rosen 2021-04-01 21:45:25

在本地跑的话就不需要nginx了，用webpack-dev-server的proxy功能直接把接口的请求代理到后端地址上（群共享里有新的代码包，使用proxy配置的代理）。后端环境的配置就得看后端的视频教程了。

• 提问者 qq_慕运维6172863 #1

  您好 感谢回复，现采用的就是最新的包，
  devServer: {
          port: 8086,
          proxy : {
              '/manage' : {
                  target: 'http://localhost:8080/', 
                  changeOrigin : true
              },
              '/user/logout.do' : {
                  target: 'http://localhost:8080/', 
                  changeOrigin : true
              }
          }
      }
  };
  就是这样的格式继续加接口嘛。

• 提问者 qq_慕运维6172863 #2

  再麻烦问一下前后端整合上线 如上所问的nginx相关问题是怎么处理的呢？ftp服务器与nginx之间有调用吗？是怎么实现呢？ 一些具体启动步骤是。。

• 提问者 qq_慕运维6172863 #3

  目前本地测试门户界面图片显示有问题，支付二维码那块也是（是因为没有配本地沙盒吗？）
  后台管理界面测试同样图片加载显示有问题，并且form-inline 里的查询为不可输入不可点击查询按钮的状态  
  麻烦问一下该怎么解决的

点开查看后面3条评论