react + craco 配置代理的方法

之前react项目上用的都是 config-overrides来做 webpack 配置，后面发现 antd 文档和 tailwindcss 文档内的都使用的是craco 就私下尝试了下

先放自己使用的方法
craco.config.js

module.exports = {
    devServer: {
        proxy: {
            '/loc': {
                target: 'http://localhost:8000',
                changeOrigin: true,
                pathRewrite: {
                    "^/loc": ''
                }
            }
        },
    },
    // tailwindcss 的相关配置，如果没有使用到可以去掉
    style: {
        postcss: {
            plugins: [
                require('tailwindcss'),
                require('autoprefixer'),
            ],
        },
    },
}

使用

import axios from '../utils/axios'

export const getBanners = (params ?: object) => {
    const url = '/loc/layout/banners'
    return axios.get(url)
}

craco官方文档

 devServer: {
 		 /* Any devServer configuration options*/
  },