V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 2476 days ago, the information mentioned may be changed or developed.
vue 前端 axios.get 调用 node 接口,出现 cors 跨域问题， 可以前端解决么？ 我在 node 可以调用 api this.data = await axios.get('https://www.okex.com/api/spot/v3/instruments')
Access to XMLHttpRequest at 'https://www.google.com/' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
 |
1
skyhigh89 OP 一样的，get 谷歌也不行， 服务器端可以， 请问客户端调试需要加什么呢？我用 nuxt， 也只能在 asyncData 中 get 到
|
 |
2
hahaayaoyaoyao Jul 30, 2019 via Android
代理
|
 |
3
shenyu1996 Jul 30, 2019
|
 |
4
shintendo Jul 31, 2019  1
不知道你了解多少，我就解释得啰嗦一点。
跨域（同源策略）是浏览器对网页的限制，所以 1.当然不可能通过网页代码解决，2.在非浏览器环境如 node、asyncData 当然也没有问题。 解决方式： 如果是 vue-cli 的项目，npm run serve 会起一个开发服务器，你的页面在 localhost 上，请求也发往 localhost，这样就不跨域了，然后 localhost 上的开发服务器再帮你把请求转发到真正的远程接口上。这个代理关系在 vue.config.js 里配置，具体见 vue-cli 文档。 需要注意的是，这个是开发服务器的代理功能，解决的仅是开发时的跨域问题，发布到线上就没有了，所以要保证你的线上页面和你的接口是在一个地方的，不然还是会有跨域，那样就需要接口端的配置才能解决了。（ nuxt ssr 项目自带线上 node 服务器，可以无视这条） 如果是 nuxt 起的项目，原理类似，配置方式有所不同，可以看 nuxt 文档。 |
|
5
skyhigh89 OP thank you all 遇到大神了
|
 |
6
ztxcccc Jul 31, 2019
你个人开发的话，装了 chrome 插件就行了，搜 CORS 就行
|
 |
7
ivancai Jul 31, 2019
如果 api 支持 jsonp 的话,可以用 axios-jsonp 拓展解决
https://www.npmjs.com/package/axios-jsonp |
Select Language