fix: fixed response headers

src/server/routes/mocks.ts

@@ -5,6 +5,8 @@ interface Props {
     engine: Engine;
 }
 
+const FILTERED_HEADERS = ['transfer-encoding', 'connection'];
+
 export const createMocksRouter = ({ engine }: Props): Router => {
     const router = Router();
 
@@ -27,7 +29,9 @@ export const createMocksRouter = ({ engine }: Props): Router => {
 
             const record = await engine.execute(engineRequest);
             Object.entries(record.response.headers || {}).forEach(([key, value]) => {
-                res.setHeader(key, value as string);
+                if (!FILTERED_HEADERS.includes(key.toLocaleLowerCase())) {
+                    res.setHeader(key, value as string);
+                }
             });
 
             res.locals = { body: record.response.body || {}, code: record.response.statusCode || 200 };

ui/src/components/records/RequestPath.tsx

@@ -1,22 +1,14 @@
 import { Space, Typography } from 'antd';
-import { SelectOutlined } from '@ant-design/icons';
 import { Record } from '../../../../src/engine';
 
 export const RequestPath = ({ record }: { record: Record }) => {
-    const { matches = [] } = record;
-    const [matched] = matches;
-    if (matched) {
-        return (
-            <Space>
-                {/* @ts-ignore: ellipsis ignore */}
-                <Typography.Text ellipsis={record.request.path.slice(5)} underline>
-                    {record.request.path}
-                </Typography.Text>
-                <SelectOutlined />
-            </Space>
-        );
-    }
+    const { proxyRequest, request } = record;
+    const path = proxyRequest ? proxyRequest.url : request.path;
+    const normalizedPath = path.replace(/:443|80/, '');
 
-    // @ts-ignore: ellipsis ignore
-    return <Typography.Text ellipsis={record.request.path.slice(5)}>{record.request.path}</Typography.Text>;
+    return (
+        <Space>
+            <Typography.Text>{normalizedPath}</Typography.Text>
+        </Space>
+    );
 };