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

最近在学vben-admin框架。

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

1. 根目录找到 .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'
   }
   );
}

3. 在浏览器发起请求测试如图成功
   
4. 又是搬砖的一天！！！！

连路由配置也写了吧

配置menu菜单栏 新路由

• 由于采用的vite 跟着之前的模仿就行了。
  
  成功