Django 跨域问题

当使用Django 做接口时,被html5 或者app访问时 存在跨域问题 导致无法请求到数据,具体解决办法如下;

跨域问题解决 安装pip install django-cors-headers
修改Django下setting.py

INSTALLED_APPS = [
    ...
    'corsheaders',
    ...
 ] 

MIDDLEWARE = (
    ...
    'corsheaders.middleware.CorsMiddleware',
    'django.middleware.common.CommonMiddleware', # 注意顺序
    ...
)
#跨域增加忽略
CORS_ALLOW_CREDENTIALS = True
CORS_ORIGIN_ALLOW_ALL = True
CORS_ORIGIN_WHITELIST = (
    '*'
)

CORS_ALLOW_METHODS = (
    'DELETE',
    'GET',
    'OPTIONS',
    'PATCH',
    'POST',
    'PUT',
    'VIEW',
)

CORS_ALLOW_HEADERS = (
    'XMLHttpRequest',
    'X_FILENAME',
    'accept-encoding',
    'authorization',
    'content-type',
    'dnt',
    'origin',
    'user-agent',
    'x-csrftoken',
    'x-requested-with',
    'Pragma',
)
 

测试html代码

<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript">
    function copyText(){
        $.ajax({
            type: 'GET',
            dataType:'jsonp',
            jsonp:"callback",
            url: 'http://127.0.0.1:8000/hello', success: function (data) { console.log(data) }, error: function () { console.log("有问题1111") } }); } </script> <button onclick="copyText()">复制文本</button>

当ajax采用jsonp时 需要用以下调用方式
from django.http import HttpResponse
import  json
def hello(request):
    callback = request.GET['callback']
    response = HttpResponse('{0}({1})'.format(callback,json.dumps({"key":"value"})))
    return  response

或者报 SyntaxError: unexpected token: ':' 或者 SyntaxError: missing ; before statement

猜你喜欢

转载自www.cnblogs.com/U-tansuo/p/Django_get_post.html