最近在做一个音乐网 FreeMusic (一个音乐网站,喜欢的可以看下谢谢)需要很多跨域访问的 API ,所以随之而来就是如何解决跨域问题同时还支持本地 API ,网上方法很多不过大部分会遭受 CORB ,或者需要在服务器端设置跨域。
因为这个项目采用的是 vue 框架 + axios 进行 http 请求,所以结合 vue + axios 进行跨域处理,先说说在服务器端设置跨域处理:
header(“Access-Control-Allow-Origin:*”);
header(“Access-Control-Allow-Headers:content-type”);
header(“Access-Control-Request-Method:GET,POST”);
服务器端设置跨域主要在于对请求头进行访问控制即可,很显然对于我本次访问的 API 是酷狗音乐的,我们无法操作服务器端。
结合 vue 里面的配置文件可以自己设置一个代理服务器,使用 proxyTable 进行配置,同时还可以配置本地 API&nbs

在开发音乐网站FreeMusic时,遇到了跨域访问的问题。由于项目使用Vue.js和Axios,解决方法是在Vue配置文件中设置代理服务器。通过修改axios的proxy配置,可以避免浏览器的CORS限制,并在package.json中配置devServer代理,将本地请求映射到目标API。这样,在开发过程中,可以方便地进行跨域API调用。
最低0.47元/天 解锁文章
1544

被折叠的 条评论
为什么被折叠?



