node+koa2+axios踩坑记

踩坑1、在vue+node开发的时候，出现跨域问题，

第一步：这时候使用nginix做反向代理，解决跨域，设置如下

首先打开（E:\ruanjian\nginx-1.14.2\conf）中的 nginx.conf，进行如下设置

 

 

第二步：安装 koa2-cors 插件，在app.js里面进行如下设置

const cors = require('koa2-cors')
// 解决跨域
app.use(cors({
  exposeHeaders: ['WWW-Authenticate', 'Server-Authorization', 'Date'],
  maxAge: 100000,
  credentials: true,
  allowMethods: ['GET', 'POST', 'OPTIONS'],
  allowHeaders: ['Content-Type', 'Authorization', 'Accept', 'X-Custom-Header', 'anonymous','Set-Cookie'],
}))

踩坑2：当有session时，设置axios请求时携带cookie失效

解决为设置 

 

axios.defaults.withCredentials = true; //配置为true

 

理由如下：

 

withCredentials:默认情况下，跨源请求不提供凭据(cookie、HTTP认证及客户端SSL证明等)。通过将withCredentials属性设置为true，可以指定某个请求应该发送凭据。

• 默认值为false。
• true：在跨域请求时，会携带用户凭证
• false：在跨域请求时，不会携带用户凭证；返回的 response 里也会忽略 cookie

当配置了 withCredentials = true时，必须在后端增加 response 头信息Access-Control-Allow-Origin，且必须指定域名，而不能指定为*！！！

参考如下： http://www.manongjc.com/article/36042.html