vue lic3 这样写proxy代理，为什么不能正常访问接口。

Question

问题：嗯……我这样写不对吗。
我需要请求的接口是(本地的）
但是我输出了下面看了看，好像这样写也没毛病

输出：
[HPM] Rewriting path from "/getUserInit.do" to "/getUserInit.do"
[HPM] GET /getUserInit.do -> http://192.168.1.51:8060/HRP
[HPM] Rewriting path from "/HRP/timeout.htm" to "/HRP/timeout.htm"
[HPM] GET /HRP/timeout.htm -> http://192.168.1.51:8060/HRP

 //vue中请求写法
  mounted () {
    apiGet('/getUserInit.do')
      .then((res) => {
        console.log(res)
        console.log(res.data)
      })
 //封装axios
  const service = axios.create({
      baseURL: '/',
      // 超时
      timeout: 50000,
      // 设置跨域 Cookie
      withCredentials: true
  })
    //request来写各类请求
    export const apiPost = (url, data) => {
          return http({
        baseURL: url,
        method: 'post'
          })
    }
    //vue.config.js
    devServer: {
    open: true, // 自动打开浏览器
    disableHostCheck: true,
    port: '8081',
    // 配置跨域
    proxy: {
      '/': {
        // 这里后台的地址，
        target: 'http://192.168.1.51:8060/HRP',
        ws: true,
        logLevel: 'debug',
        changeOrigin: true,
          pathRewrite: {
            '^/': '/'
          }
        }
    }

Answer 1

写反向代理的时候最好只写到端口, 端口后面不要加地址 这个可以解决302问题
404 是因为你反向代理之后地址变成了 "http://192.168.1.51:8060/HRP/HRP/timeout.htm"
试试看反向代理那里写 target: 'http://192.168.1.51:8060',
api请求的地址如果有/HRP就加上, 没有就不写