向expressjs发布请求，尽管使用CORS但不工作

Question

我在组件中有这个函数，它应该向express API发送POST请求：

onSubmit (evt) {

      evt.preventDefault();
      //alert(JSON.stringify(this.description));
      axios.post('http://localhost:3000/api/v1/addComment', {
        articleid: this.id,
        description: this.description
      });

    }

这是向其发送请求的API：

router.post('/api/v1/addComment/', function(req, res){ 
  var newComment = req.body;
  //newComment.id = parseInt(commentsData.length);
  commentsData.comments.push(newComment);
    
  
  fs.writeFile('app/data/comments.json', JSON.stringify(commentsData), 'utf8', function(err){
       console.log(err);
  });
  
  res.setHeader("Access-Control-Allow-Origin", "*");  
  res.json(newComment);
});

我还要求在express，app.js文件中使用neccessary CORS依赖项

var express = require('express');
var reload = require('reload');
var app = express();
var cors = require('cors');
var dataFile = require('./data/articles.json');

app.set('port', process.env.PORT || 3000 );
//app.set('appData', dataFile);
app.set('view engine', 'ejs');
app.set('views', 'app/views');

app.use(express.static('app/public'));
app.use(require('./routes/index'));
app.use(require('./routes/comments'));
app.use(cors());

var server = app.listen(app.get('port'), function(){
  console.log('Listening on port ' + app.get('port'));
});

reload(server, app);

API路由运行良好，当我确实获得请求时，但是，当我执行post请求时，我总是得到这个错误：

未能加载http://localhost:3000/api/v1/addcomment:对飞行前请求的响应未通过访问控制检查：请求的资源上没有“access-control-allog-origin”标头。因此，不允许访问源'http://localhost:8080'。createError.js？16D0:16未捕获（promise中）错误：在xmlHttpRequest.handleError（xhr.js？EC6C:87)的createError（createError.js？16D0:16)处出现网络错误

我还尝试在axios post请求中发送一个headers对象，但没有成功。根据我对CORS的研究，我明白使用CORS是为了允许来自不同域的对API的请求。我的express服务器运行在本地主机3000上，而我的vue服务器运行在本地主机8080上。

有人能解释为什么我仍然得到这个错误，尽管在Express中要求和使用CORS？

Answer 1

在分配路由之前，尝试将app.use（cors（））向上移动