你还在用这种方式联调吗

一、普遍联调方式

1.1 config.js

在config.js中配置后端服务器对应地址，如果是和对应后端联调，则是对方IP+端口，例如http://192.168.98.149:8092

1.2 启动本地前端服务

启动本地前端服务后，便可以用配置中的地址去访问，比如我设置的是0.0.0.0:8080

那么在浏览器中则用这个地址去访问

但此时会出现cookie没有，报错的情况（一般平台都有登录校验，如果没有，那到此即可）

1.3 chrome插件

出现了cookie没有导致报错，那我们就需要想办法解决cookie怎么塞进去的问题！

如果手动一条一条去塞未免太过被动，且繁琐，这时候就需要亮出chrome的插件EditThisCookie了！

安装上这个插件之后，浏览器打开你的项目线上地址，在右上角点开该插件导出该cookie，然后复制到某处编辑器，将所有的domain改成你本地服务的地址，即0.0.0.0之后，全选复制到粘贴板，浏览器打开你本地服务地址，此时再次打开插件，点击导入cookie，粘贴进去点击确认，当前本地页面就可以带着cookie去访问后端接口了

二、省力联调方式

1.1 config.js

在config.js中配置后端服务器对应地址，如果是和对应后端联调，则是对方IP+端口，例如http://192.168.98.149:8092

1.2 启动本地前端服务

1.3 SwitchHosts

在SwitchHosts中配置本地前端服务地址的新映射，如下配置，则可以用http://dev.dttest.top:8080去访问本地服务页面了，但domian注意要和项目的线上domain保持一致，才可以共用同一份cookie。

PS： 超～省力联调方式

如果你本地经常存在多项目切换或者环境切换的问题，按照以上方式则需要不停的修改config.js并终止服务重新启动，非常麻烦，这时候就需要借力一个映射，将你本地IP映射到对应需要访问的服务地址