chrome 扩展解决 引用外部文件或访问外部api接口 报错问题

跨域问题 用jsonp 

前端

  $('#getUrl').click(function () {

        //获取url地址
        var url = "http://127.0.0.1/core_api/public/api/v1/getDrawUrl";
        $.ajax({
            dataType:"JSONP",
            jsonp:'callback',
            jsonpCallback:"successCallback",
            type:"get",
            url:url,
            success:function(response){
                if(response.msg=="success")
                {
                    var str = "";
                    $.each(response.data,function (k,v) {
                        str += v+"\n";
                    });
                    $('#textarea').html(str);
                }
            },
            error:function(e){
                //失败执行
                alert(e.status+','+ e.statusText);
            }
        })
    })

后端

  echo  "successCallback(".json_encode([
                    "msg"=>"success",
                    "data"=>['http://www.baidu.com',"http://www.douyu.com"]
                ]
            ).")";

点击后报如下错误

打开manifest.json

添加如下代码

 "content_security_policy": "script-src 'self' http://127.0.0.1; object-src 'self'",//域名加入白名单

成功

参考链接 http://www.cnblogs.com/dudu/archive/2012/11/22/chrome_extension.html

tip:域名必须为https html页面不能写内联js