tank-front/craco.config.js

const CracoLessPlugin = require('craco-less')
const { CracoAliasPlugin } = require('react-app-alias')
const path = require('node:path')

module.exports = {
  devServer: {
    port: 6015,
    // proxy for local development.
    proxy: {
      '/api': {
        // target: 'http://localhost:6010',
        target: 'https://tank.ycyin.cn',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/api',
        },
      },
    },
  },
  plugins: [
    {
      // less loader.
      plugin: CracoLessPlugin,
      options: {
        // resolve-url-loader只对sass生效，craco-less默认使用sass配置，所以这里手动过滤掉resolve-url-loader
        modifyLessRule: (lessRule) => {
          lessRule.use = lessRule.use.filter((i) => !i.loader.includes('resolve-url-loader'))
          return lessRule
        },
        lessLoaderOptions: {
          lessOptions: {
            modifyVars: { '@primary-color': '#215891' },
            javascriptEnabled: true,
          },
        },
      },
    },
    {
      plugin: CracoAliasPlugin,
      options: {
        alias: {
          '@': path.resolve(__dirname, 'src'),
        },
      },
    },
  ],
}