dmz如何获取内网数据_前端如何优雅的使用jsonp获取接口数据

点击上方“蓝字”，发现更多精彩。

在进行前后端分离项目开发过程中，我们会不可避免的在一些情况下需要进行数据跨域请求，而最常见的就是jsonp方式，先说说jsonp基本原理，用大白话来讲，就是说你将一个js文件去外部引入到页面，不管那个js地址是本地还是远程cdn在线的，我们都是可以引入进来直接使用的，跨域情况下最突出特点就是你在地址栏输入接口地址，是可以拿到后端返回数据的的，但实际去用ajax请求，就控制台提示报错说跨域了不支持，这时候我们可以想象，那如果把接口文件直接像js文件地址那样动态的引入进来，岂不是就可以拿到数据了？这就是最原始基本的jsonp原理，具体可以百度再多了解下。

因为在项目中时长会遇到这个问题，但又不是天天用，所以有时候我也记得不是很清楚，故此抽点时间整理下分享给大家，下面通过实例讲讲如何在项目中利用插件轻轻松松进行跨域jsonp去请求。

正常请求示例

"en">  "UTF-8">  "viewport" content="width=device-width, initial-scale=1.0">  Document  fetch('http://106.75.45.232/ds-api/common/requestbody/sp_get_delivery_effect_v8_xm/daily_total_1111111', {
        method: 'post',    m