【每天学一点-04】使用umi.js代理，解决跨域问题（前端）

卡鲁耶克

已于 2023-09-15 14:32:30 修改

阅读量2.7k

点赞数 3

分类专栏： umi.js springBoot react 文章标签：前端 spring boot javascript react

于 2022-06-05 12:08:36 首次发布

本文链接：https://blog.csdn.net/weixin_43906233/article/details/125130569

版权

一、user.ts 前端请求接口

import request from 'umi-request';

const getAway = '/user';

// 获取用户列表
export const getUserList = () => {
  return request.get(getAway + '/getUserList',{});
}

二、.umirc.ts 配置

import { defineConfig } from 'umi';

export default defineConfig({
  base: '/demo/', //路由前缀，string
  publicPath: '/demo/', //配置webpack的PublicPath
  devServer: {  //配置开发服务器
    port: 9099, //端口号
  },
  nodeModulesTransform: { //设置node_modules目录下依赖文件的编译方式
    type: 'none', //none默认编译或者all全部编译
  },
  proxy:{ //配置代理,仅在dev时生效
    'api':{ //标识需要进行转换请求的url
      'target': '', //服务端域名
      'changeOrigin': true, //允许域名进行转换
      'pathRewrite':{ '^/api':''}, //将请求url中的api去掉
    },
    '/user':{
      target: `http://localhost:8080/`,
      changeOri