# new Config(options)
全局é…置信æ¯
示例如下:
[1ã€è®¾ç½®å…¨å±€token]
[2ã€è®¾ç½®å…¨å±€headers]
[3ã€è®¾ç½®æ‹¦æˆªå™¨ - 在所有链接上设置拦截器]
[4ã€è®¾ç½®æ‹¦æˆªå™¨ - 指定拦截器应用的url]
傿•°
åç§° | 类型 | 默认值 | æè¿° |
---|---|---|---|
options |
Object | æž„é€ å‚æ•° |
|
tokenKey |
String | 'token' | 设置全局tokenå,设置åŽï¼Œæ‰€æœ‰ç”±åŸºç¡€åº“å’Œæ’件库å‘出的请求链接都会带有该token |
tokenValue |
String | null | token值 |
headers |
Object | {} | 请求头信æ¯ï¼Œè®¾ç½®åŽï¼Œæ‰€æœ‰ç”±åŸºç¡€åº“å‘出的链接都会带有该请求头 |
request |
RequestConfig | {} | 请求é…ç½®å‚æ•° |
示例
设置全局token
// ES5引入方å¼
const { Config } = zondy.service
// ES6引入方å¼
import { Config } from "@mapgis/webclient-common
// 设置tokenå,如果ä¸è®¾ç½®å°±é»˜è®¤ç»´token
Config.tokenKey = 'æ–°tokenå'
// 设置token值,设置完毕åŽï¼Œæ‰€æœ‰ç”±åŸºç¡€åº“å’Œæ’件库å‘出的请求链接都会带有该token
Config.tokenValue = '新token值'
设置全局headers
// ES5引入方å¼
const { Config } = zondy.service
// ES6引入方å¼
import { Config } from "@mapgis/webclient-common
// 设置请求头,设置åŽï¼Œæ‰€æœ‰ç”±åŸºç¡€åº“å‘出的链接都会带有该请求头
Config.headers = {
'Authorization': 'XXXXXXX'
}
设置拦截器 - 在所有链接上设置拦截器
// ES5引入方å¼
const { Config } = zondy.service
// ES6引入方å¼
import { Config } from "@mapgis/webclient-common
// 当urls为''或undefined或者空数组时,设置的拦截器会应用到所有å‘é€çš„请求上
Config.request.interceptors.push({
// ç¡®ä¿urls为''或undefined或者空数组
urls: [],
// 设置请求å‘é€å‰çš„æ‹¦æˆªå‡½æ•°
before: function (url) {
// åšä½ 的业务
// 注æ„如果è¦å½±å“请求链接,则è¦è¿”回url
return url
},
// 设置请求完æˆåŽçš„æ‹¦æˆªå‡½æ•°
after: function (response) {
console.log("response:", response)
}
})
设置拦截器 - 指定拦截器应用的url
// ES5引入方å¼
const { Config } = zondy.service
// ES6引入方å¼
import { Config } from "@mapgis/webclient-common
// æŒ‡å®šè¦æ‹¦æˆªçš„url
Config.request.interceptors.push({
// æŒ‡å®šè¦æ‹¦æˆªçš„url,å¯ä»¥æŒ‡å®šä¸€ä¸ªæˆ–多个
// 指定一个url
// urls: url1,
// 指定多个url
urls: ['url1', 'url2'],
// 设置请求å‘é€å‰çš„æ‹¦æˆªå‡½æ•°
before: function (url) {
// åšä½ 的业务
// 注æ„如果è¦å½±å“请求链接,则è¦è¿”回url
return url
},
// 设置请求完æˆåŽçš„æ‹¦æˆªå‡½æ•°
after: function (response) {
console.log("response:", response)
}
},{
// æŒ‡å®šè¦æ‹¦æˆªçš„url,å¯ä»¥æŒ‡å®šä¸€ä¸ªæˆ–多个
// 指定一个url
// urls: url3,
// 指定多个url
urls: ['url3', 'url4'],
// 设置请求å‘é€å‰çš„æ‹¦æˆªå‡½æ•°
before: function (url) {
// åšä½ 的业务
// 注æ„如果è¦å½±å“请求链接,则è¦è¿”回url
return url
},
// 设置请求完æˆåŽçš„æ‹¦æˆªå‡½æ•°
after: function (response) {
console.log("response:", response)
}
})