前后端分离，解决跨域问题

前后端分离项目在开发过程中面临跨域问题，这里我们通过在node.js 中配置代理转发

1. 首先我们前端项目中建一个vue.config.js文件，如下图
   
   2.vue.config.js中的内容为以下

let proxyObj={};//建一个代理对象
proxyObj['/']={
    ws:false,
    target:'http://localhost:8081',//转发到后台的url
    changeOrigin: true,//当设置成false 请求头中的host 将会不会使用他target中的host
    pathRewrite:{//拦截请求重写，这里可以自行配置，
        '^/':''
    }
}
//将代理接口暴露出去
module.exports={
    devServer:{
        host:'localhost',
        port:8080,//这个前端端口
        proxy:proxyObj
    }
}

								-----谢谢大家学习本文章内容-----