用webpack-dev-server开发时代理,决解开发时跨域问题
Posted fengnovo
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用webpack-dev-server开发时代理,决解开发时跨域问题相关的知识,希望对你有一定的参考价值。
需要webpack,webpack-dev-server
npm install webapck webpack-dev-server --save-dev
设置时
devServer: { historyApiFallback: true, hot: true, inline: true, stats: { colors: true }, proxy: { ‘/list‘: { target: ‘https://api.github.com‘, pathRewrite: {‘^/column‘ : ‘/column‘}, changeOrigin: true } } },
这段代码就是将 ‘/list‘ 通过本地开发服务器webpack-dev-server转发到 ‘https://api.github.com‘
项目地址:https://github.com/fengnovo/diary/tree/master/react/20161021/webpack-dev-server-proxy-test
以上是关于用webpack-dev-server开发时代理,决解开发时跨域问题的主要内容,如果未能解决你的问题,请参考以下文章
用于 CORS 请求的 webpack-dev-server 配置
webpack-dev-server 仅代理“localhost”请求
Webpack-dev-server 不通过代理向外部域发送请求