vue跨域问题

Question

问题是这样的
我已经在node之类中设置了如下代码
config/index.js代码

dev-server.js中的代码，如下

远程的地址:https://timeline-merger-ms.ju...

本地的地址:


还是提示这个问题

Answer 1

express有个跨域模块叫express-cors

https://www.npmjs.com/package...

这个问题只能在服务端解决，和vue其实没多大关系

Answer 2

涉及到跨域的话，需要后端允许非同源共享资源了，已php为例，只需要在入口文件index.php加上如下：

header('Access-Control-Allow-Origin: *');
header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept");
header('Access-Control-Allow-Methods: GET, POST, PUT');
header('Access-Control-Max-Age: 600');// 预检请求有效期

最后一句是设置预检请求的缓存时间，不设置的话，你在chrome的network里面会发现有两次请求