目录

前后端分离情况下,如何联调项目

目录

前后端分离情况下,如何联调项目

一、联调前:保证前后端各自没有问题。

  1. 后端用postman测试一下。
  2. 前端连接的jsonserver,保证数据格式和后端返回的数据格式一致。

二、前后端的计算机连在同一个局域网

可以在cmd 里,用命令  ping 对方的ip地址,来测试是否在同一个局域网里。

以下提示是正确的:

https://i-blog.csdnimg.cn/blog_migrate/67c8c53fb92aa1ebea712213aaf73318.png

以下提示是错误的:

https://i-blog.csdnimg.cn/blog_migrate/311534115a8485874aa88c74f7dfd7f4.png

三、把config/index.js中的反向代理改一下:

把target改成后端的ip地址(如:10.35.162.1)和端口号(如:3000)

proxyTable: {
         '/api': {
                    target: 'http://10.35.162.1:3000',
                    changeOrigin: true,
                    pathRewrite: {
                              '^/api': ''
                           }
            }
},

四、大功告成,发送请求,获取数据。