react项目跨域配置反向代理

react项目中出现跨域问题,配置反向代理方法

首先,在src文件夹下面创建一个setupProxy.js文件,文件内容如下

const {createProxyMiddleware} = require('http-proxy-middleware')

module.exports = function(app){
    app.use(
        // 代理路径
        '/api',
        createProxyMiddleware({
            // 目标域名
            target:"http://localhost:5000",
            changeOrigin:true
        })
    ) 
}

最后在终端安装执行

 cnpm i --save-dev http-proxy-middleware

最后重新运行即可

你可能感兴趣的:(react,react.js,javascript,前端)