react反向代理
先安装http-proxy-middleware
npm i http-proxy-middleware
然后在src目录下新建setupProxy.js文件
//反向代理,解决跨域问题
const { createProxyMiddleware } = require('http-proxy-middleware')
module.exports = function (app) {
app.use(
'/ajax',//请求主地址后的开头,例https://i.maoyan.com/ajax/comingList
createProxyMiddleware({
target: 'https://i.maoyan.com',//请求地址的主地址,例:https://i.maoyan.com/ajax/comingList
changeOrigin:true
})
)
}
多个接口开头写多个app.use()这段代码即可
app.use(
'/ajax',//请求主地址后的开头,例https://i.maoyan.com/ajax/comingList
createProxyMiddleware({
target: 'https://i.maoyan.com',//请求地址的主地址,例:https://i.maoyan.com/ajax/comingList
changeOrigin:true
})
)
最后重启项目
版权声明:本文为m0_70542915原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。