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

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

clipboard.png

我的 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);
})

请教一下哪里出问题了?

阅读 5.9k
3 个回答

是不是路径没匹配对

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题