vue脚手架开发如何用反向代理实现前后端分工合作

目录：confing/index.js文件

module.exports={
    ass...
    ass..
    proxyTable:{
        '/agent':{
            target:"后接口"，
            changeOrigin:true,
            pathRewrite:{
                '/agent':''
            }
        }
    }
    
}

这个地方用axios进行ajax

如果和后台交互是通过表单序列化进行沟通可以定义axios以下代码
//axios配置让传进去的数据是表单序列化的形式
axios.defaults.transformRequest = [function (data) {
  return qs.stringify(data)
}];
axios.defaults.withCredentials = true
//把在proxyTable定义的接口挂载到vue原型链
Vue.prototype.rootUrl = "/agent"
到了正式服务器就改成域名

喜欢就收藏我吧！