用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 不通过代理向外部域发送请求

webpack-dev-server 代理:带通配符的上下文

webpack-dev-server proxy代理

3.2.1 webpack-dev-server的使用