React18使用 http-proxy-middleware代理跨域

Posted 2023-02-06 王希有

1、安装

$ npm install http-proxy-middleware --save
$ # or
$ yarn add http-proxy-middleware

 

2、创建 src/setupProxy.js  （src目录下创建文件夹）

const  createProxyMiddleware  = require(\'http-proxy-middleware\');

module.exports = function(app) 
  app.use(
    \'/api\',
    createProxyMiddleware(
      target: \'https://www.mockmock.sssmc\',
      changeOrigin: true,
      pathRewrite: 
        \'^/api\': \'\'
      
    )
  )

 

3、重启项目 ！！！！！！ 重启项目 ！！！！！！ 重启项目 ！！！！！！  

 

4、使用

import axios from \'axios\'

axios.get(\'/api/mock/list\')
.then(res => 
  console.log(res)
)