配置中的 devServer 代理抛出 404

Question

我有这个 src/vue.config.js

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

我正在调用 api

  axios.get('/api/parts')
    .then(result => commit('updateParts', result.data))
    .catch(console.error);

但我只是不断得到

错误：“请求失败，状态码 404”

我可以看到请求是发送到端口 8080 而不是 8081

我可以在浏览器中访问 api 没有问题

我该如何调试？

Answer 1

你vue.config.js不应该在 src 文件夹中。它必须在您的项目的根目录中。只需移动文件。

服务器的配置参考可以在这里找到：https : //cli.vuejs.org/config/#devserver-proxy但看起来你实际上做得对。该文件只是在错误的文件夹中。