create-react-app+ts使用http-proxy-middleware不起作用

• Z时代
• 2024-01-10
• 分类：技术分享

相关代码

// src/setupProxy.js
const {
createProxyMiddleware
} = require('http-proxy-middleware');
module.exports = function (app) {
app.use(
createProxyMiddleware("/api", {
target: "http://ip:port/", // 后端的接口
changeOrigin: true,
// pathRewrite: {
//   "^/api": ""
// }
})
)
}

// 具体请求的代码
export function _login(data: any) {
return axios.post('/api/user/login', data).catch(function (error) {
entry404()
})
}

出现的问题

但是最后得到的请求是我前端项目的ip和端口，而不是我在setupProxy.js中配置的后端的ip和端口

回答

app是一个express Application

app.use('/api', createProxyMiddleware({}))`

PS：直接设置package.json的proxy就好，除非要设置多个代理或者对某些路径做特殊响应

以上是 create-react-app+ts使用http-proxy-middleware不起作用 的全部内容， 来源链接： utcz.com/a/30787.html