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