wireshark抓node请求问题，随机端口怎么产生的？

做的事情很简单，但是不知道怎么解释抓的包，求大佬指点下起个服务在3001端口

const Koa = require('koa');
const app = new Koa();
const axios = require('axios')
app.use(async ctx => {
    if(ctx.path==='/'){
        ctx.body = '1'
        const res = await axios.get('http://localhost:3005')
        console.log(res.data)
        ctx.body = res.data
    }
    
});

app.listen(3001);

再起个服务在3005端口

const Koa = require('koa');
const app = new Koa();

app.use(async ctx => {
  
  ctx.body = 'Hello World from 3005';
});

app.listen(3005);

chrome浏览器去请求loacalhost:3001,返回Hello World from 3005对这个过程进行抓包，大体过程能看懂，但是还是有点问题 红框1，2，3三个分别代表啥东西红框1为什么不是127.0.0.1红框2是浏览器那个页签进程随机产生的一个端口吗。和80端口有啥联系没有红框3为什么不是3001 它是什么，怎么产生的

求大佬细说一下