API Proxying vuejs

Question

代码位于github

以下示例API Proxying During development

给出了proxyTable

的示例

// config/index.js
module.exports = {
  // ...
  dev: {
    proxyTable: {
      // proxy all requests starting with /api to jsonplaceholder
      '/api': {
        target: 'http://jsonplaceholder.typicode.com',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

他们说，

以上示例将请求/ api / posts / 1代理到http://jsonplaceholder.typicode.com/posts/1。

但很明显，示例中缺少帖子/ 1。

或者/ posts / 1应该使用像这样的axios在proxyTable或.vue文件中，

 axios.get("api/posts/1")

这样一个HTTP GET请求以api开头，代理服务器为http://jsonplaceholder.typicode.com，然后附加该网址的其余部分，在本例中为/ posts / 1，因此它实际代理到http://jsonplaceholder.typicode.com/posts/1

这是对的吗？

----------从这里编辑------------

就我个人而言

// config/index.js
module.exports = {
  // ...
  dev: {
    proxyTable: {
      // proxy all requests starting with /conn to http://localhost:8081
      '/conn': {
        target: 'http://localhost:8081',
        changeOrigin: true,
        pathRewrite: {
          '^/conn': ''
        }
      }
    }
  }
}

和

axios.get("/conn/api.php?action=read")

应代理，

http://localhost:8081/api.php?action=read

但是我收到了控制台错误，

获取http://localhost:8080/conn/api.php?action=read 504（网关超时）

由于