http-proxy-middleware React

569 阅读1分钟

下载包

yarn add http-proxy-middleware

项目根目录创建setupProxy.js文件

const { createProxyMiddleware } = require('http-proxy-middleware')
​
module.exports = function(app) {
    app.use(
        '/api', // 匹配请求的路径
        createProxyMiddleware({
            // target: 'http://localhost:7682', // 接口地址
            // 必须写ip地址
            target: 'http://127.0.0.1:7682', // 接口地址
            changeOrigin: true, // 是否将主机标头的来源更改为目标url
            pathRewrite: {
                '^/api': '' // 将客户端请求路径转化为目标服务器地址
            }
        })
    );
    app.use(
        '/api1',
        createProxyMiddleware({
            target: 'http://127.0.0.1:7682',
            changeOrigin: true,
            // pathRewrite: {
            //     '^/api1': ''
            // }
        })
    )
}

调用接口请求

fetch('/api/login', {method: 'POST'}).then(res => {}).catch(err => {})

\