Sky_Tsumugi 2022-02-15 17:59 采纳率: 73.3%
浏览 78
已结题

前端跨域,动态ip,求各种解决方式

前端跨域问题
这是html 结构代码
<div class="bnc-module">
        <el-select v-model="iframeUrl" placeholder="">
            <el-option
                v-for="item in bncList"
                :key="item.dictCode"
                :label="item.dictLabel"
                :value="item.dictValue">
            </el-option>
        </el-select>
        <el-row :gutter="10">
            <p>{{iframeUrl}}</p>
        </el-row>

        <el-row :gutter="10" class="xxx">
            <el-button type="primary" @click="startThrough">开始放通</el-button>
            <el-button type="primary" @click="stopThrough">结束放通</el-button>
        </el-row>

        <div class="iframe-container">
            <iframe :src="`${iframeUrl}` +  '/bnc_show'" class="iframe"></iframe>
        </div>
    </div>

因为iframeUrl是一个变量,目前准备用jsonp来处理
这是代码

startThrough(){
            var script = document.createElement('script');
            script.type = 'text/javascript';
            // script.type = 'text/html';

            // 传参并指定回调执行函数为onBack
            script.src = 'http://10.221.164.124/bnc_op?op=set_pass_level&level=0&duration=600000000&callback=onBack';
            document.head.appendChild(script);

            // 回调执行函数
            function onBack(res) {
                console.log(res);
            }
        },

img

img

第二张图片是点击第一张报错的的结果,是接口实际的返回值

我的解答思路和尝试过的方法

从上面的报错来看,是后台返回的内容放到script标签中,格式错误,当我将script标签格式改为‘text/html’时,没有报错,也没有执行回调onBack方法,打印出来的script标签,依然是空标签

img

我想要达到的结果

我想要获取返回的内容并作为变量来使用,谢谢各位!

  • 写回答

5条回答 默认 最新

  • Run_youngman 2022-02-16 16:29
    关注
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题?

问题事件

  • 系统已结题 3月4日
  • 已采纳回答 2月24日
  • 创建了问题 2月15日

悬赏问题

  • ¥15 imageEnView绘图问题
  • ¥60 最新ukb数据下载方法
  • ¥15 关于#python#的问题:您好可以加您一下联系方式吗,在复现的时候确实有点问题难以解决
  • ¥15 联想电脑重装系统时无法发现硬盘
  • ¥15 MATLAB与UR10e实体机械臂建立通讯
  • ¥15 c++题需要快一点不用opencv
  • ¥15 关于#java#的问题:想要咨询Flowable流程引擎框架的问题
  • ¥15 vscode里面怎么用plaformio强调串口啊
  • ¥20 针对计算后数据做一致性检验可以用Bland Altman法吗
  • ¥15 win32如何自绘编辑框的背景图片(语言-c++|操作系统-windows)