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

Posted 王希有

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了React18使用 http-proxy-middleware代理跨域相关的知识，希望对你有一定的参考价值。

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)
)

 

以上是关于React18使用 http-proxy-middleware代理跨域的主要内容，如果未能解决你的问题，请参考以下文章