webpack-dev-server的proxy代理转发请求问题

Question

webpack-dev-server有个proxy配置选项，可以代理请求

现在到webpack2了,官方推荐用proxy代替contentBase,

问题一：

proxy{
 '*':http: '//localhost:8080'
}

将根目录设置为本地8080端口，上面这样写完全打不开页面

proxy{
 '*':http: ['//localhost:8080']
}

gitHub上找了一堆资料，发现加个"[]"中括号这样就行了。。这什么鬼？

---

问题二：proxy的代理路径替换

proxy: {
  '/api': {
    target: 'https://other-server.example.com',
    pathRewrite: {'^/api' : ''}
  }
}

这是官网的示例
上面代码的意思我可以如下理解？(为了不变成链接我把冒号省掉了。。)

1、'/api' 本身代表http//localhost:8080/api
2、target将http//localhost:8080/api指向'https//other-server.example.com'
3、pathRewrite: {'^/api' : ''}又把http//localhost:8080/api后面的api去除了

这样理解对么？配置各种报错。。最好哪位能给个能正常运行的配置例子来看看。。拜谢

Answer 1

问题一没太懂。

问题二：你的理解是对的。如果存在跨域，配上changeOrigin: true

Answer 2

小菜一枚，你的问题一语法我完全看不懂。。。
问题二我也是各种网上搜索才来到这的。。。。只是还是自己解决了 给你看下我的是本地配置
图片上传失败。。。

devServer: {

contentBase: './dist',
hot: true,
proxy: {
  '/data': {
      target: 'http://localhost/webpack/dist',
  }
}

},
个人理解是 当我使用webpack-dev-server服务器访问到data目录时，既使用target这个可以处理php的服务器，使用这个服务器去访问data下的文件。。。 说话总是很啰嗦，不过希望能帮到你