跨域情况
在开发过程中调用第三方接口时,经常遇到跨域问题(针对什么什么是跨域在此就不多说了,想了解的可自行百度)。一般跨域问题会报如下错误:
解决办法
具体步骤如下:
假设请求地址为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);