react项目添加代理解决跨域
在src文件夹下添加setupProxy.js文件
setupProxy.js(新)axios不能配置baseURL:
const { createProxyMiddleware } = require('http-proxy-middleware')
module.exports = function (app) {
app.use(
'/edu',
createProxyMiddleware({
target: 'http://test_zhiliao.gongzuoshouji.cn',
changeOrigin: true,
})
)
}
setupProxy.js(旧):
const proxy = require('http-proxy-middleware')
module.exports = function(app) {
app.use(
proxy('/api', {
target: 'http://localhost:85',
secure: false,
changeOrigin: true,
pathRewrite: {
"^/api": "/api"
}
})
)
}
重启,项目即可。
注意,axios默认请求地址不要改。对前端来说,接口就好像是在3000端口一样,根本察觉不到配置了代理。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步