vue-node-pastime icon indicating copy to clipboard operation
vue-node-pastime copied to clipboard

请问一下CORS方案解决跨域问题该怎么处理呢?

Open Craig-Cheng opened this issue 7 years ago • 2 comments

Craig-Cheng avatar Feb 25 '18 08:02 Craig-Cheng

CORS处理需要后台配合,后台设置几个响应头信息就可以了,以express为例

app.get('/', (req, res) => {
  res.set('Access-Control-Allow-Origin', 'http://example.com'); // 允许的origin
  res.set('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,PATCH'); // 允许的HTTP方法
  res.set('Access-Control-Allow-Headers', 'Content-Type'); // 支持的头信息字段,可以设置多种
  res.set('Access-Control-Allow-Credentials', true); // 可选,表示是否允许发送Cookie
  res.send('hello')
})

也可以写成一个中间件,放在你要跨域的路由之前即可.

当然使用了nginx的话,可以配置nginx,原理还是一样,也是设置这些头信息.你可以去查查相关资料哈!

@Craig-Cheng

xxxgitone avatar Feb 25 '18 10:02 xxxgitone

非常感谢, 我试试看

Craig-Cheng avatar Feb 28 '18 08:02 Craig-Cheng