React反向代理与CSS模块化的使用案例

/**
 * 设置代理
 */
 const { createProxyMiddleware } = require('http-proxy-middleware');
 module.exports = function(app) {
   app.use(
     '/ajax',//以ajax开头
     createProxyMiddleware({
       target: 'https://i.maoyan.com',
       changeOrigin: true,
     })
   );
 };

/**
 * 反向代理
 */
import React, { Component } from 'react';
import axios from 'axios';
export default class DaiLi extends Component{
  componentDidMount(){
      axios.get("/ajax/mostExpected?limit=10&offset=0&token=&optimus_uuid=46E0ACB0E7E111ECB8920FC22EFCA8A202A7733C10C4484FB57F69AF4A705A69&optimus_risk_level=71&optimus_code=10").then(res=>{
          console.log(res)
      })
  }
    render() {
    return (
      <div>
        反向代理
      </div>
    );
  };
};

.active{
    color: blueviolet;
}

import React from 'react';
import style from './css/Films.module.css'
function Films(){
    console.log(style);
    return (
        <div>
            Films
            <b className={style.active}>去404页(编程式导航)</b>
        </div>
    );
}
export default Films