为什么我的 vue.config.js 代理不起作用？答案

【问题标题】：Why is my vue.config.js proxy not working?为什么我的 vue.config.js 代理不起作用？
【发布时间】：2019-06-02 21:25:08
【问题描述】：

我有一个 vue cli 3.5.0 项目，正在尝试添加代理，但我无法让它工作。服务器在：5000 上运行，客户端在：8080 上运行。下面你可以看到我的代理。但它一直使用 :8080 而不是 :5000

vue.config.js

module.exports = {
    devServer: {
      proxy: {
        '/api': {
          target: 'http://localhost:5000',
          ws: true,
          changeOrigin: true
        }
      }
    }
  }

这是我如何调用请求的示例

const url = '/api/races/'
const config = {
    headers: {'Authorization': "Bearer " + localStorage.token}
}

class RaceService {
    // Get Races
    static getRaces() {
        return new Promise(async (resolve, reject) => {
            try {
                const res = await axios.get(url)
                const races = res.data
                resolve(races)
            } catch (err) {
                reject(err)
            }
        })
    }
}

有人可以帮助我吗？ api 请求需要使用 :5000 而不是 :8080

【问题讨论】：

标签： vue.js config vue-cli-3

【解决方案1】：

你必须使用“^/api”而不是“/api”

【讨论】：

我会更具体：cli.vuejs.org/config/#devserver-proxy

【解决方案2】：

检查你的 vue.config.js 文件位置，它不应该在 src 文件夹中，而是在你的项目的根目录下，详情请参考：This Link

【讨论】：

【解决方案3】：

如果您还没有这样做，请尝试重新加载您的 vue 服务器

直到你启动和停止 vue 服务器因为在你这样做之前 vue.config.js 没有加载，

这样做

在您执行 npm run serve 的终端中按 Ctrl+C 然后重新开始使用 npm run serve

【讨论】：