【vben-admin-学习-网络请求代码配置】

写代码就手抖

已于 2022-08-28 09:52:05 修改

阅读量2.5k

点赞数 1

分类专栏：学习笔记文章标签：学习前端 java

于 2022-08-27 20:14:12 首次发布

本文链接：https://blog.csdn.net/YC2chen/article/details/126561832

版权

学习笔记专栏收录该内容

10 篇文章 0 订阅

订阅专栏

最近在学vben-admin框架。

axios网络请求配置 proxy 解决代理问题

根目录找到 .env.development.ts 开发配置文件注释的地方添加

# Whether to open mock
VITE_USE_MOCK = true

# public path
VITE_PUBLIC_PATH = /

# Cross-domain proxy, you can configure multiple
# Please note that no line breaks http://localhost:8088/

# 看这里：模仿别人 添加 ["/sys","http://localhost:8088"]
# /sys 即为代理字符串 只要请求中携带这个 就被匹配为目标地址 其他不用动
VITE_PROXY = [["/basic-api","http://localhost:3000"],["/upload","http://localhost:3300/upload"],["/sys","http://localhost:8088"]]

# VITE_PROXY=[["/api","https://vvbin.cn/test"]]

# Delete console
VITE_DROP_CONSOLE = false

# Basic interface address SPA
VITE_GLOB_API_URL=/basic-api

2.在api目录下新建自己的api目录配置api路径
在这里插入图片描述
内容如下

import {defHttp} from "/@/utils/http/axios";

enum Api{
 PRODUCT_LIST ='/product',
 CS='/user/selectList'
}

// Api.CS 测试路径

export const getList = (params)=>{
 return defHttp.get({
   url:Api.CS,
   params
 },{
   //配置这个就可代理 上面的路径了
   apiUrl:'/sys'
   }
   );
}