vue axios node cors 跨域解决 session验证

最新推荐文章于 2025-04-28 12:21:39 发布

搞怪程序猿

最新推荐文章于 2025-04-28 12:21:39 发布

阅读量8k

点赞数

本文链接：https://blog.youkuaiyun.com/zjl516088421/article/details/78218668

版权

本文介绍了两种解决Vue应用在使用axios与Node服务器进行跨域请求时遇到的问题，包括CORS设置和Session验证。在Node端，可以通过修改app.js配置或引入cors模块来实现跨域。参考链接提供了详细的教程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一：node 端配置 app.js 中

app.use('*',function (req, res, next) {
  res.header('Access-Control-Allow-Origin', 'http://localhost:8070'); //这个表示任意域名都可以访问，这样写不能携带cookie了。
  res.header('Access-Control-Allow-Credentials', true); // 允许服务器端发送Cookie数据
//res.header('Access-Control-Allow-Origin', 'www.baidu.com'); //这样写，只有www.baidu.com 可以访问。
  res.header('Access-Control-Allow-Headers', 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild');
  res.header('Access-Control-Allow-Methods', 'PUT, POST, GET, DELETE, OPTIONS');//设置方法
  if (req.method == 'OPTIONS') {
    res.send(200); // 意思是，在正常的请求之前，会发送一个验证，是否可以请求。
  }
  else {
    next();
  }
});

vue 中是用axios 进行ajax请求需要对axios 配置发送cookie 为true

axios.defaults.withCredentials = true

方法二：cors模块

node端配置为

var cors = require('cors');

app.use(cors({
  origin: 'http://localhost:8070',
  credentials: true  // 是否带cookie
}));

vue axios设置

axios.defaults.withCredentials = true

http://www.cnblogs.com/x-radish/p/6638139.html

http://www.cnblogs.com/xuange306/p/6185453.html

https://github.com/TroyGoode/node-cors