为啥我请求 V2EX 提供的 API 报跨域了，你们也这样吗？

[zzl]

Failed to load https://www.v2ex.com/api/topics/hot.json: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access. The response had HTTP status code 405.

[airyland]

先 google 下相关知识，V2EX 并没有设置(也不可能)规则为 * 的 cors 规则，也没有提供 jsonp 接口，所以跨域错误是正常的。接口使用后端语言访问吧或者做一层代理。

[MaiCong]

浏览器端直接访问是会出现跨域提示的，这种时候就得使用后端的骚操作了

[daishankeke]

1L 说得对

[xiaoz]

建议用 curl 来请求接口，就不会出现跨域问题。

[xiaoz]

https://www.xiaoz.me/v2ex-hot-top-10

[49gd]

反代 在访问不就好了

[zzl]

@airyland 好吧，其实我在学 react，想仿个 v 站，用 axios 请求 v 站的 api 接口，结果就这样

[zzl]

@MaiCong 用 chrome 打开不会报错，本地用 axios 请求就报错了，不知道是哪里的设置问题，还是只能用后端来操作。同样的代码，使用 cnode 的公共 api 就没有问题

[zzl]

@49gd 只想用 react 仿一下 v 站，用 axios 发的请求，不想写后端，只能加个代理吗

[HowardTang]

nginx 反代一下..很简单的

[xiongshengyao]

nginx 做一下反向代理，恰好我以前写写过类似的，直接给你把 nginx 配置贴出来吧
```
server {
listen 8082;

root /home/xsy/react-v2ex/dist;
index index.html;

location /api {
proxy_set_header Host www.v2ex.com;
proxy_pass https://www.v2ex.com;
proxy_buffers 16 4k;
}

location / {
try_files $uri $uri/ /index.html;
}
}
```

[xiongshengyao]

完整的 demo 在这里 https://github.com/xiongsyao/react-v2ex