美文网首页
React项目使用http-proxy-middleware中间

React项目使用http-proxy-middleware中间

作者: 潇湘轮回 | 来源:发表于2020-05-18 08:12 被阅读0次

一、使用yarn添加依赖

yarn add http-proxy-middleware

二、在src目录下创建setupProxy.js文件,该文件和index.js文件同级

setupProxy.png
const { createProxyMiddleware } = require('http-proxy-middleware');  //注意写法,这是1.0以后的版本

module.exports = function (app) {
    app.use(createProxyMiddleware('/app',
        {
            target: 'http://yuhang.project.ibook.tech',
            pathRewrite: {
                '^/app': '',
            },
            changeOrigin: true,
            secure: false, // 是否验证证书
            ws: true, // 启用websocket
        }
    ));
};

三、使用axios发送跨域请求

发送请求.png

注意修改请求的域名,此处使用/app替换域名,你可以根据自己定义来进行替换。

相关文章

网友评论

      本文标题:React项目使用http-proxy-middleware中间

      本文链接:https://www.haomeiwen.com/subject/csuyohtx.html