新人求问koa+vue前后端分离开发中的问题，求大神
利用koa做后端，提供数据接口api，用vue-cili构建vue项目做前端，做路由控制和展示，由于他们都启动了不同端口服务，那他们的数据怎么交换的，跨域请求吗
9 回复
我一般使用CORS解决：
let config = {
// 服务端 host
host: 'http://localhost:3000',
// 前端开发环境的 host
webHost: 'http://localhost:8080',
// 跨域白名单
whiteOrigins: [
'http://localhost:8080',
'http://localhost:3000'
]
};
然后再接口中设置响应头：
// 跨域支持
app.all('/api/*', (req, res, next) => {
const origin = req.headers.origin;
if (config.whiteOrigins.indexOf(origin) !== -1) {
res.header('Access-Control-Allow-Origin', origin);
res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');
res.header('Access-Control-Allow-Credentials', true);
res.header('Access-Control-Allow-Methods', 'GET, POST, PUT, OPTIONS, DELETE');
}
next();
});
