webpack dev server 跨域请求数据的问题

Question

使用 webpack-dev-server 跨域请求远程数据，出现下面问题：

我的 webpack.config.js 里面是这么设置的：

devServer: {
    historyApiFallback: true,
    noInfo: true,
    hot: true,
    inline: true,
    proxy: {
        '/api': {
            target: 'https://api.server.com',
            secure: false
        }
    }
},

请求接口：

api('/api/list').then( data => {
    console.log(data);
})

请教一下哪里出问题了？

Answer 1

是不是路径没匹配对

proxy: {
    '/api/*': {
        target: 'https://api.server.com',
        secure: false
    }
}

Answer 2

先检查你的https://api.server.com/api/list接口是否正常， webpack-dev-server 的代理是基于http-proxy的，除非手动配置代理的来源，否则不会碰到跨域的问题

Answer 3

用nginx呗