170 | {
171 | !(flowTab === 'Headers') ? null :
172 |
173 |
192 |
193 |
194 |
General
195 |
196 |
Request URL: {request.url}
197 |
Request Method: {request.method}
198 |
Status Code: {`${response.statusCode || '(pending)'}`}
199 |
200 |
201 |
202 | {
203 | !(response.header) ? null :
204 |
205 |
Response Headers
206 |
207 | {
208 | Object.keys(response.header).map(key => {
209 | return (
210 |
{key}: {response.header[key].join(' ')}
211 | )
212 | })
213 | }
214 |
215 |
216 | }
217 |
218 |
219 |
Request Headers
220 |
221 | {
222 | !(request.header) ? null :
223 | Object.keys(request.header).map(key => {
224 | return (
225 |
{key}: {request.header[key].join(' ')}
226 | )
227 | })
228 | }
229 |
230 |
231 |
232 | {
233 | !(searchItems.length) ? null :
234 |
235 |
Query String Parameters
236 |
237 | {
238 | searchItems.map(({ key, value }) => {
239 | return (
240 |
{key}: {value}
241 | )
242 | })
243 | }
244 |
245 |
246 | }
247 |
248 | {
249 | !(request.body && request.body.byteLength) ? null :
250 |
251 |
Request Body
252 |
253 |
254 |
255 | { this.setState({ requestBodyViewTab: 'Raw' }) }}>Raw
256 | { this.setState({ requestBodyViewTab: 'Preview' }) }}>Preview
257 |
258 |
259 | {
260 | !(this.state.requestBodyViewTab === 'Raw') ? null :
261 |
262 | {
263 | !(flow.isTextRequest()) ? Not text Request : flow.requestBody()
264 | }
265 |
266 | }
267 |
268 | {
269 | !(this.state.requestBodyViewTab === 'Preview') ? null :
270 |
{this.requestBodyPreview()}
271 | }
272 |
273 |
274 |
275 | }
276 |
277 |
278 | }
279 |
280 | {
281 | !(flowTab === 'Response') ? null :
282 | !(response.body && response.body.byteLength) ?
No response
:
283 | !(flow.isTextResponse()) ?
Not text response
:
284 |
285 |
286 | {
291 | this.setState({ responseBodyLineBreak: e.target.checked })
292 | }}
293 | label="自动换行">
294 |
295 |
296 | {flow.responseBody()}
297 |
298 |
299 | }
300 |
301 | {
302 | !(flowTab === 'Preview') ? null :
303 |
{this.preview()}
304 | }
305 |
306 | {
307 | !(flowTab === 'Hexview') ? null :
308 |
{this.hexview()}
309 | }
310 |
311 | {
312 | !(flowTab === 'Detail') ? null :
313 |
{this.detail()}
314 | }
315 |