1.安装http-proxy-middleware
$ npm install http-proxy-middleware
2. 创建setupProxy.js
在react项目的src目录下创建setupProxy.js
const { createProxyMiddleware } = require('http-proxy-middleware');
module.exports = function (app) {
app.use(
createProxyMiddleware('/api',
{target: 'http://localhost:3010', changeOrigin: true}
)
)
}
createProxyMiddleware
第一个参数为要代理的路由
第二参数中target为代理后的请求网址,changeOrigin是否改变请求头
3.使用
const onFinish = (value) => {
axios.get('/api/register',
{
params: value
})
.then((res) => {
})
}
这样就可以访问:http://localhost:3010/api/register