javascript - webpack dev server 跨域请求数据的问题-PHP中文网问答

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

高洛峰 2017-04-11 13:27:55

[JavaScript讨论组]

272

使用 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);
})

请教一下哪里出问题了？

高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。网络人气名人讲师，...

全部回复(3)

大家讲道理2017-04-11 13:29:55 3楼

是不是路径没匹配对

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

赞 +0

添加回复

黄舟2017-04-11 13:29:55 2楼

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

赞 +0

添加回复

高洛峰2017-04-11 13:29:55 1楼

用nginx呗

赞 +0

添加回复