Webpack 代理不工作答案

【问题标题】：Webpack proxy not workingWebpack 代理不工作
【发布时间】：2017-10-04 04:13:30
【问题描述】：

我现在正在写一个vue项目，我想向远程服务器发送一些api请求。

所以我把这个添加到我的webpack.dev.conf.js:

devServer: {
    historyApiFallback: true,
    noInfo: true,
    hot:true,
    open:true,
    proxy: {
        '/api': {
            target: 'http://47.93.247.233',
            secure: false,
            changeOrigin: true,
            pathRewrite: {'^/api' : ''}
        }
    }
},

但我的浏览器中仍然出现 404。

而且我确定服务器没问题：

我想也许 webpack devServer 没有将我的 http 请求转发到远程服务器。我的代码有什么问题吗？或者，我可以试试其他方法吗？

提前致谢！

【问题讨论】：

你的服务器不正常。看你的第二张截图，状态也是“404”，标题也是“Page not found at /login/”。也许你的配置工作正常，只是你的后端真的抛出 404
@EvaldoBratti 很抱歉，我忘记了我的登录 url 是 '/account/api' 而不是 '/login'，但我发现这个问题仍然存在。我已经用另一个 api 更新了我的问题（这比 'login' 简单得多）。

标签： proxy webpack vue.js webpack-dev-server

【解决方案1】：

你有没有尝试使用

proxyTable: {...},

而不是

proxy{}

我正在使用带有 npm v 5.6.0 的 webpack 版本 3.10.0 运行，这工作正常！可能，您也会尝试“logLevel: 'debug'，以在终端窗口中看到一些提示。

【讨论】：