带Axios的Devserver代理

Question

我似乎无法在我的vue/express应用程序中使用devServer:proxy设置。

我的vue.config.js文件在我的客户端文件夹的根目录中，看起来像：

module.exports = {
  devServer: {
    proxy: {
      'api': {
        target: 'http://localhost:5000'
      }
    }
  },
  transpileDependencies: [
    'vuetify'
  ]
}

我使用axios从前端发送请求，如下所示：

const response = await http.get("/api/auth/authenticate");

我的快速应用程序正在localhost:5000上运行，我已经配置了endpoint：

...other endpoints
app.use("/api/auth", authController);

请求在我的网络选项卡中显示为：

Request URL: http://localhost:8080/api/auth/authenticate

并返回404错误。

我错过了什么？

Answer 1

因为现在它不是从后端抓取，而是搜索一些静态内容（点击8080，vue必须在此端口上运行）。尝试使用，以便将其重定向到代理：

    proxy: {
      '^/api': {
        target: 'http://localhost:5000',
        ws: false,
        changeOrigin: true
      },

或者只是“/api”而不是“^/api”