vue项目调试，chrome控制台查看接口一直报canceled

问题遇到的现象和发生背景

现象：直接在浏览器输入完整的地址可以显示接口数据，在vue项目中配置请求，chrome浏览器显示接口status
始终显示canceled，且数据获取不到。
发生背景： 同事在windows环境下搭建后台（之前他用的linux，由于服务器过期，这次用的windows部署后
台）。
前端vue使用2版本搭建的项目，接口名称和地址已检查无误。以前也对接过后台linux写的，这次不知道
为什么接口一直报canceled，不涉及表单！就单纯mounted中加载页面数据

问题相关代码，请勿粘贴截图

config-> index.js：

proxyTable: {
      '/api':{
        target:'http://xx.xxx.x.xxx',
        changeOrigin:true
      }
    },

config->dev.env.js：

'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  BASE_URL:'"/api"'
})

axios配置：

const request= axios.create({
  baseURL:process.env.BASE_URL,
  timeout:20000
})
export function getFirmUpdate () {
  return request({
    url:'/FirewareUpdate/GetFirewareInfo'
  })
}

组件中调用：

mounted(){
getFirmUpdate().then(res=>{
      console.log(res)//undefined
      // this.recentV = res.data.current_version;
      // this.latestV = res.data.latest_version;
    })
  }
}

运行结果及报错内容

接口打印台处报请求超时，network里没有显示任何404之类的报错码，只有status显示canceled：

postman测试接口：

我的解答思路和尝试过的方法

与后端确认请求是http，ip也正确，已多次重启项目与清除缓存，运行依旧在接口报canceled。工具postman测过接口访问正常，浏览器直接地址查看数据正常，为什么用代码一请求接口就canceled了呢？网上其他帖子就算canceled还有数据，我这数据完全拿不到，是我配置出现问题了吗？

我想要达到的结果

可正常获取到接口数据，以及了解到底是哪方面的原因导致这种情况

自己关闭了，为啥会自己关闭，这个我一般自己主动中断接口才会出现。
你看代码里哪里主动中断了接口