前端解决跨域问题：vue+webpack配置解决跨域问题

跨域情况

在开发过程中调用第三方接口时，经常遇到跨域问题（针对什么什么是跨域在此就不多说了，想了解的可自行百度）。一般跨域问题会报如下错误：

解决办法

具体步骤如下：
假设请求地址为http://baidu.com/img/upload/file。
1.在config/index.js文件的dev: { proxyTable: { }}写入要跨域代理的链接地址，如下图所示：

注意： ‘/api’为匹配项，我们匹配项写’/api’，那么当我们npm run dev把本地服务跑起来后localhost:8080/api/file就是我们的代理地址了。
target参数填写被请求的地址，比如第三方接口，比如上面的http://baidu.com/img/upload/file
pathRewrite参数是重写地址；
changeOrigin参数是如果接口跨域需要配置这个参数；
还有一个参数secure，如果是https接口需要配置这个参数（ secure: false）;