// 1. 在 app.ux 中进行初始化
if(process.env.NODE_ENV === 'development') {
require('@vsirrr/qa-console')
}
// 2. 在使用该功能的地方引入 qa-console 组件 不支持单次引用多页面使用
<import name="qa-console" src="@vsirrr/qa-console/component.ux"></import>
<qa-console></qa-console>
// 3. 接口提供的 @system.fetch 无法被重写。所以在封装的请求库中使用 console.debug() 方法,收集请求与响应的信息
import $fetch from '@system.fetch'
function request(params) {
return new Promise((resolve, reject) => {
$fetch.fetch({
url: params.url,
method: params.method,
data: params.data,
responseType: 'json',
success: (response) => {
console.debug({
url: params.url,
method: params.method,
params: params.data,
data: response.data,
status: 'success',
})
resolve(response.data)
},
fail: (error, code) => {
const data =
Object.prototype.toString.call(error).slice(8, -1) === 'Object'
? { code, ...error }
: { code, error }
console.debug({
data,
url: params.url,
method: params.method,
params: params.data,
status: 'error',
})
reject(error)
},
})
})
}