使用vue-cli proxyTable进行反向代理,解决跨域问题

开发项目,在前后端联调的时候肯定是会遇上跨域的问题的。

vue-cli脚手架搭建的工程中,在config/index.js文件中可以利用预留的proxyTable一项,设置地址


proxyTable: {

'/api': {

target:'http://www.example.com', // 你的目标主机

changeOrigin:true,// 虚拟托管站点所需

pathRewrite: {

'^/api':''// 重写路径

}

}

}



然后使用http-proxy-middleware插件对api请求地址进行代理

Object.keys(proxyTable).forEach(function (context) {

varoptions = proxyTable[context]

if(typeofoptions ==='string') {

options = { target: options }

}

app.use(proxyMiddleware(options.filter || context, options))

})

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容