配置中的 devServer 代理抛出 404

我有这个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，没有任何问题

我该如何调试这个？

Your vue.config.js不应该位于 src 文件夹中。它必须位于您项目的根目录中。只需移动文件即可。

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