javascript - 配置中的 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);

但我只是不断获得

Error: "Request failed with status code 404"

我可以看到请求是向端口 8080 而不是 8081 发出的

我可以毫无问题地在浏览器中访问 api

如何调试这个？

Answer 1

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

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