axios 跨域 流 下载

跨域 问题

解决思路使用Nginx 插件 代理

1. 安装了webpack-dev-server (其实就是个http 服务器) ,并在webpack的配置文件中添加 devserver-proxy 配置
   webpack-dev-server

    devServer: {
      contentBase: path.resolve(__dirname, '../dist'), 
      historyApiFallback: true, 
      inline: true,
      port:7777,
      //代理服务器，其实就是nginx 代理插件来处理跨域问题
      //访问http://localhost:7777/image-test 会  访问  到  http://pic.sc.chinaz.com/image-test
      //其实 http://pic.sc.chinaz.com 是没有image-test 目录的
      //so 需要在 pathRewrite 中 把 tmage-test 给 干掉
      //changeOrigin =true  允许跨域
      proxy: {
          '/image-test': {
            target: 'http://pic.sc.chinaz.com',
            secure: false,
            changeOrigin: true,
            pathRewrite: {'^/image-test' : ''}
          }
        }
  }