DevServer设置代理实现跨域

跨域问题

什么叫做跨域？

跨域:如果请求的协议、域名、端口号与当前访问的服务器有不同的地方，称之为跨域

解决方法

JSONP、CROS、代理跨域

代理跨域，webpack给我们提供了DevServer设置代理跨域，我们可以在vue.config.js中配置

在vue.config.js /webpack.config.js 中配置

 

devServer: {

//proxy代理

proxy:{

//当我们访问的url中含有“/api”，就启动跨域代理

"/api":{

target:"http://.....",//需要跨域到的服务器位置

pathRewrite:{'^/api':''},//改写路径 }, }, }, }