vue 引入pdf跨域问题怎么解决_vue项目跨域问题的终极解决方案【原创】

关于vue项目开发环境的跨域问题，网上搜索到的方案和解释竟然没有一个真正理解和解释清楚了的。本人做了各种测试全部整理清楚，觉得有必要和大家分享我得出的结论。

方案一：axios的baseURL设置为全路径，无需使用proxy

开发环境的时候，只用axios就可以解决跨域问题；不用在配置文件中配置 proxy之类的属性

axios.default.baseURL= http://xxxx;#即可//次域名必须是 全域名的绝对路径//不信的你试一试

方案二：使用proxy属性，不使用axios的baseURL

可以完全不使用axios只用proxy实现，此时axios的baseURL必须是带域名的全路径

//带pathRewrite的情况

proxyTable: {'/api': { //必须以/开头

target:'http://cmsapi.vote.cmstop.com', //设置你调用的接口域名和端口号 别忘了加http

changeOrigin: true,

pathRewrite: {'^/api': ''}

}

}

//不带pathRewrite情况proxyTable: {

'/api': { //必须以/开头

target: 'http://cmsapi.vote.cmstop.com', // 设置你调用的接口域名和端口号 别忘了加http

changeOrigin: true//后面不使用reWrite

}

}

1，如果添加了pathRewrite:{'^/api':&#