跨域通信方式

**1.使用代理服务器：常见的使用webpack代理，**Webpack中有一个功能叫做devServer，可以用来启动一个本地的开发服务器，同时也可以配置代理服务器。

1. 静态文件服务：dev-server可以在本地启动一个HTTP服务器，用于托管前端项目生成的静态文件。这样，开发人员可以通过访问本地服务器来预览和测试项目，而不需要依赖外部服务器。
2. 热模块更新：dev-server支持热模块更新（Hot Module Replacement，简称HMR），即在开发过程中，当修改了代码后，只会重新编译和替换发生变化的模块，而不需要刷新整个页面。这极大地提高了开发效率和体验。
3. 自动刷新：dev-server还能监视文件的变化，当有文件发生修改时，会自动刷新页面，以便开发人员可以及时看到修改的效果。
4. 接口代理：dev-server内置了代理服务器功能，可以将请求转发到其他服务器，解决前端开发中的跨域问题，方便进行接口调试和联调。

**2.jsonp:**利用script标签进行通信，创建带有回调函数的script标签来加载一个js文件，服务器返回的数据通过回调函数拿到，这种方式有一个特点，就是跨域请求返回的内容会被当做脚本执行，他只支持get请求，并且无法直接拿到相关http状态码，并且要保证返回的服务器信息的可信的
**3.cors:**通过在服务器进行设置，允许指定的域名请求进行访问