可以帮我看看,怎样写才可以获取接口,这重定向因为什么造成的吗

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

无论是绝对地址还是相对地址传进去,我都无法获取到接口数据,不知道我哪里写错了。

问题相关代码,请勿粘贴截图
//vue.文件
mounted () {
    // console.log(this.$router);
    //第一种写法:刚开始我写的是绝对路径,这传进去了,是下面的效果【如下图1,图2//apiPost('http://192.168.1.54:8080/HRP/getUserInit.do', {})
   //第二种写法:但是我想传相对路径,而不是绝对路径,然后改成这样,于是结果出来了【如下图3,图4】
    apiPost('/getUserInit.do', {})
      .then((res) => {
        console.log(res)
      })
    // this.menuData = this.$route.matched;
  },

//reuqest.js文件
export const apiPost = (url, data) => {
  return http({
    //第一种写法【绝对路径时】
    //baseURL: url,
    //第二种写法【匹配相对路径】
    baseURL: '/api' + url,
    method: 'post'
    // data: data ? encryptParam(data) : data
  })
}
//这里这样写,两种写法没变
//vue.config.js文件
// 配置跨域
    proxy: {
      '/api': {
          // 这里后台的地址,
        target: 'http://192.168.1.54:8080/HRP',
            // target: ipName + ':' + portName + '/' + projectName, // target:'http://192.168.1.54:8080/HRP_Web_Web_exploded/',
          // 如果要代理websockets
          ws: true,
          // 允许跨域
          changeOrigin: true,
          pathRewrite: {
            // 使用 `/api` 代替 `target` 要访问的跨域的域名
            '^/api': '/'
          }
      }
**运行结果及报错内容 **

第一种写法时:控制台显示如下:下面这个重定向了……

img


图1

img


图2

第二种写法时:控制台显示如下:既有重定向又有404提示……

img


图3

img


图4

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

这方面的知识比较薄弱,去各大网站查过相关问题的资料,但是无一所获

我想要达到的结果

我想能找到问题所在,最好可以用相对路径传进去,并且以成功获取得到后台接口数据

img

返回的http头是什么?是跳转还是错误,肯定是发送数据不对