Proxy Vue资源和http代理中间件未路由到后端

我是Vue js新手，正在为一个简单的任务跟踪程序编写前端。我正在尝试使用vue资源和http代理中间件将应用程序连接到我的后端。后端在端口3000上，Vue js前端在端口8080上

我使用了上描述的代理设置

方法：

saveTask() {
    this.$http.get('/api', {title: this.taskTitle})
      .then(response => {
        console.log("success");
      }, response => {
        console.log("error");
      });
  }

我的代理表：（在dev下的config.index.js中）

启动服务器时，我看到：

[HPM] Proxy created: /api  ->  http://localhost:3000
[HPM] Proxy rewrite rule created: "^/api" ~> ""
> Starting dev server...

应请求：

GET http://localhost:8080/api 404 (Not Found)

---

因此，代理似乎不起作用。非常感谢您的帮助

您的设置看起来不错，请求应该看起来像来自

8080

，因为它是一个代理

你确定你要找的地方应该有东西回来吗？我几乎有相同的设置，它的作品

我的猜测是，既然找不到，也找不到，因为它们是一样的东西

如果这不能解决您的问题，您可以深入挖掘并调试，看看是否有任何东西看起来很有趣

proxyTable: {
  '/api': {
    target: 'http://localhost:3000',
    changeOrigin: true,
    logLevel: 'debug',
    pathRewrite: {
      '^/api': '',
    },
  },
},

下面是所有与我的东西一起工作的照片：

---

您的设置看起来不错，请求应该看起来像来自

8080

，因为它是一个代理

你确定你要找的地方应该有东西回来吗？我几乎有相同的设置，它的作品

我的猜测是，既然找不到，也找不到，因为它们是一样的东西

如果这不能解决您的问题，您可以深入挖掘并调试，看看是否有任何东西看起来很有趣

proxyTable: {
  '/api': {
    target: 'http://localhost:3000',
    changeOrigin: true,
    logLevel: 'debug',
    pathRewrite: {
      '^/api': '',
    },
  },
},

下面是所有与我的东西一起工作的照片：

---

对我有效的方法是在vue项目的根目录（与pacakge.json处于同一级别）上设置一个vue.config.js文件，在该文件中我使用了以下代码：

module.exports = {
  devServer: {
    proxy: {
      "^/api": {
        target: "http://localhost:3000",
        ws: true,
        changeOrigin: true
      }
    }
  }
}

---

现在在vue应用程序中设置了代理，请求将到达我的express server:D

对我有效的是在vue项目的根目录上设置一个vue.config.js文件（与pacakge.json处于同一级别），在该文件中我使用了以下代码：

module.exports = {
  devServer: {
    proxy: {
      "^/api": {
        target: "http://localhost:3000",
        ws: true,
        changeOrigin: true
      }
    }
  }
}

---

既然在vue应用程序中设置了代理，请求将到达我的express server:D

感谢您提供的信息，我将查看它并确保有什么东西正在监听您的现场！后端上的路由没有侦听确切的路由。感谢您提供的信息，我将进行调查，确保有人正在侦听您所处的位置！后端上的路由未侦听确切的路由。