当前位置: 首页 > 后端技术 > Node.js

Vercel跨域处理解决方案

时间:2023-04-03 17:28:00 Node.js

安装插件npmi-Dhttp-proxy-middleware并在你的前端项目根目录下创建如下两个文件api/proxy.js//api/proxy.js//这个服务是跨域处理的vercelserveconst{createProxyMiddleware}=require('http-proxy-middleware')module.exports=(req,res)=>{lettarget=''//代理目标地址//这里backend的使用主要是用来区分vercelserverless的api路径//targetreplacement对于你的跨域请求服务器如:http://baidu.comif(req.url.startsWith('/backend')){target='https://fanyi-api.baidu.com'}//创建Proxy对象并转发请求,/backend/user/login会被转发到https://fanyi-api.baidu.com/user/login'^/backend/':'/',},})(req,res)}vercel.jsonfile{"rewrites":[{"source":"/backend/(.*)",//需要匹配的接口"destination":"/api/proxy"//配置路径}]}http接口请求代码前缀,记得换成/backend/code提交,默认自动部署到vercel设置vercel1,打开项目,点击Functions2.选择api/proxy.js文件完成