一、跨域訪問受限問題處理：
問題現(xiàn)象：
跨域訪問問題
問題處理：
- 安裝django-cors-headers:
sudo pip install django-cors-headers
- 配置文件修改：
diff --git a/Server/Server/settings.py b/Server/Server/settings.py
index 4657df3..feca1d7 100644
--- a/Server/Server/settings.py
+++ b/Server/Server/settings.py
@@ -38,11 +38,13 @@ INSTALLED_APPS = [
'django.contrib.messages',
'django.contrib.staticfiles',
'coluslife',
+ 'corsheaders',
]
MIDDLEWARE = [
'django.middleware.security.SecurityMiddleware',
'django.contrib.sessions.middleware.SessionMiddleware',
+ 'corsheaders.middleware.CorsMiddleware',
'django.middleware.common.CommonMiddleware',
'django.middleware.csrf.CsrfViewMiddleware',
'django.contrib.auth.middleware.AuthenticationMiddleware',
@@ -50,6 +52,11 @@ MIDDLEWARE = [
'django.middleware.clickjacking.XFrameOptionsMiddleware',
]
+CORS_ORIGIN_WHITELIST = (
+ '127.0.0.1:8000',
+ '127.0.0.1:9000',
+)
+
+CORS_ORIGIN_ALLOW_ALL = True
ROOT_URLCONF = 'Server.urls'
二敦捧、bootstrap-table接受的數(shù)據(jù)結(jié)構(gòu)跟django返回不一致問題處理：
問題現(xiàn)象：
- bootstrap-table接受的數(shù)據(jù)結(jié)構(gòu)：
# 不分頁結(jié)構(gòu)：
[
{
"id": 0,
"name": "Item 0",
"price": "$0"
},
{
"id": 1,
"name": "Item 1",
"price": "$1"
},
{
"id": 2,
"name": "Item 2",
"price": "$2"
}
]
# 分頁結(jié)構(gòu)：
{
"total": 200,
"rows": [
{
"id": 0,
"name": "Item 0",
"price": "$0"
},
{
"id": 1,
"name": "Item 1",
"price": "$1"
}
]
}
- django返回的數(shù)據(jù)結(jié)構(gòu)：
{
"meta": {
"limit": 50,
"next": null,
"offset": 0,
"previous": null,
"total_count": 1
},
"objects": [
{
"resource_uri": "/api/v1/oplog/NATGW",
"time": "2017-03-10T15:01:19.645000",
"type": "NATGW",
"version": 11
}
]
}
問題處理：
查看bootstrap-table documentation可以發(fā)現(xiàn)有這樣一個處理方法：
| Name | Attribute | Type | Default | Description |
|---|---|---|---|---|
| responseHandler | data-response-handler | Function | function(res) {return res;} | Before load remote data, handler the response data format, the parameters object contains: res: the response data. |
- 定制
responseHandler方法：
// table init 配置項：
responseHandler: tableInit.responseHandler,
// 具體實現(xiàn)：
tableInit.responseHandler = function (res) {
console.log('onLoadSuccess, res is:', res);
var response = {}
response['total'] = res.meta.total_count
response['rows'] = res.objects
console.log('responseHandler, response is:', response);
};
