Node.js和Vue前端进行联调解决跨域问题

Node.js和Vue前端进行联调解决跨域问题(报错:Failed to load http://localhost:8000/api/blog/list: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:5500’ is therefore not allowed access.)

话不多说，直接上图：

能看到我的vue项目地址：http://localhost:5500/#/home/newslist 想要请求http://localhost:8000/api/blog/list 的接口数据，服务端接口也是我自己写的，用的是Node.js。

怎么解决这个错误呢？这里我需要先阐述关于跨域的概念：
同源值得是域名、协议、端口完全相同，只有同源的地址才可以互相通过AJAX方式请求。因此不同源之间请求称之为跨域。
所以！重点来了！
我经过网上查找，用nginx反向代理可以解决跨域问题，但是经过我的下载配置，虽然可以实现在同一域名下访问到数据，但是依旧会出现上述的bug并且也不会在网页上显示，所以我们继续寻找问题，我发现不少人都说是因为响应头设置的问题，需要添加响应头：res.setHeader(‘Access-Control-Allow-Origin’, ‘*’)；

补充：

这是在我查找过程中几篇不错的文章：
CORS跨域服务器设置：https://www.jianshu.com/p/c68d404a3ab9
nodejs 服务端添加相应头Access-Control-Allow-Origin（基本都是代码，一目了然）：https://www.cnblogs.com/bettyling/p/5448665.html