node express跨域cors解决post传值问题

开发十年，就只剩下这套Java开发体系了 >>>   

前端vue，用node脚手架，发现在跨域传值的时候 总是报 can't set header after sent… 经过不断的折腾。。。调试。。。才发现 原因是 post 的数据格式问题，例如你使用post 而不传值那么 跨域就没问题。但是如果传值是 json 的就会报错。

直接上代码：

client

axios({ method: 'post', url: 'http://127.0.0.1:3003/post1', data: queryString.stringify(datapost) }) .then(function(result){ console.log(result) console.log(queryString.stringify(datapost)) })

server

app.use(bodyParser.json()); // for parsing application/json app.use(bodyParser.urlencoded({ extended: true }));

app.post('/post1', cors(), function(req, res){ console.log(req.body.test) res.json({test: 'post_success'}) })

通过将 post 的数据进行 queryString.stringify（）后进行传输就正常了。这好像就是 pre-flight模式。

另外还可以再服务器上配置实现跨域，例如在Nginx上做配置。