Webpack使用代理proxy解决跨域问题

实践是检验真理的唯一标准

问题

在开发中难免会遇到，自己的端口号和服务器的不一样，导致跨域问题，webpack配置文件中可以有效的解决此问题

豆瓣api	前端地址
https://api.douban.com/v2/book/1220562	http://localhost:8080

解决方案

1、 在webpack.dev.config.js配置文件中dev环境添加以下参数

 proxyTable: {
// 当你请求是以/v2开头的接口，则我帮你代理访问到https://api.douban.com
      '/v2/*': {
        target: 'https://api.douban.com', // 你接口的域名
        secure: false, // 如果是https接口，需要配置这个参数
        changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
      }
    },

2、 配置好之后重启下服务
3、直接访问 http://localhost:8080/v2/book/1220562 就可以看到数据了

image.png