axios 后端不配和添加api

2024-01-09 13:20
文章标签 api axios 不配

本文主要是介绍axios 后端不配和添加api,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

export function returnBaseUrl(proxyUrl, url) {// console.log(process.env, "process.env3333");let returnBaseUrl = "";if (process.env.NODE_ENV === "production") {// // test 环境// if (process.env.VUE_APP_ENV === "test") {//   returnBaseUrl = url;// }// // 生产环境// if (process.env.VUE_APP_ENV === "production") {//   returnBaseUrl = url;// }returnBaseUrl = process.env.VUE_APP_BASEURL;} else {// 开发环境走代理returnBaseUrl = proxyUrl;}return returnBaseUrl;
}
```javascript
在这里插入代码片
```// 查询订单
const baseURL = returnBaseUrl("/pluto-msg-web", "https://mdut-web.dexintec.cn");
export const queryDZList = function (data) {return request({baseURL,method: "get",url: "/admin/account/config/list",params: data,});
};
在这里插入代码片   proxy: {"/pluto-bas-web": {target: "https://ke-uw-acm.dexintec.cn/pluto-bas-web", // 'https://tz-uw-acm.dexintec.cn'pathRewrite: {"^/pluto-bas-web": "",},},"/pluto-uw-web": {target: "https://ke-uw-acm.dexintec.cn/pluto-uw-web",// target: 'https://uw-acm.ke.palmcash.com/ke-uw-web',  // 'https://tz-uw-acm.dexintec.cn'pathRewrite: {"^/pluto-uw-web": "",},},"/pluto-msg-web": {target: "https://mdut-web-uat.dexintec.cn",// target: 'https://uw-acm.ke.palmcash.com/ke-uw-web',  // 'https://tz-uw-acm.dexintec.cn'pathRewrite: {"^/pluto-msg-web": "",},},},

前端自己建一个baseurl 通过pathRewrite将这个代理地址重写 同时通过环境区分将线上地址赋给url

这篇关于axios 后端不配和添加api的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/587253

相关文章

HTML5 getUserMedia API网页录音实现指南示例小结

《HTML5getUserMediaAPI网页录音实现指南示例小结》本教程将指导你如何利用这一API,结合WebAudioAPI,实现网页录音功能,从获取音频流到处理和保存录音,整个过程将逐步... 目录1. html5 getUserMedia API简介1.1 API概念与历史1.2 功能与优势1.3

使用Python实现调用API获取图片存储到本地的方法

《使用Python实现调用API获取图片存储到本地的方法》开发一个自动化工具,用于从JSON数据源中提取图像ID,通过调用指定API获取未经压缩的原始图像文件,并确保下载结果与Postman等工具直接... 目录使用python实现调用API获取图片存储到本地1、项目概述2、核心功能3、环境准备4、代码实现

无法启动此程序因为计算机丢失api-ms-win-core-path-l1-1-0.dll修复方案

《无法启动此程序因为计算机丢失api-ms-win-core-path-l1-1-0.dll修复方案》:本文主要介绍了无法启动此程序,详细内容请阅读本文,希望能对你有所帮助... 在计算机使用过程中,我们经常会遇到一些错误提示,其中之一就是"api-ms-win-core-path-l1-1-0.dll丢失

python通过curl实现访问deepseek的API

《python通过curl实现访问deepseek的API》这篇文章主要为大家详细介绍了python如何通过curl实现访问deepseek的API,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编... API申请和充值下面是deepeek的API网站https://platform.deepsee

Java对接Dify API接口的完整流程

《Java对接DifyAPI接口的完整流程》Dify是一款AI应用开发平台,提供多种自然语言处理能力,通过调用Dify开放API,开发者可以快速集成智能对话、文本生成等功能到自己的Java应用中,本... 目录Java对接Dify API接口完整指南一、Dify API简介二、准备工作三、基础对接实现1.

一文详解如何在Vue3中封装API请求

《一文详解如何在Vue3中封装API请求》在现代前端开发中,API请求是不可避免的一部分,尤其是与后端交互时,下面我们来看看如何在Vue3项目中封装API请求,让你在实现功能时更加高效吧... 目录为什么要封装API请求1. vue 3项目结构2. 安装axIOS3. 创建API封装模块4. 封装API请求

springboot项目中常用的工具类和api详解

《springboot项目中常用的工具类和api详解》在SpringBoot项目中,开发者通常会依赖一些工具类和API来简化开发、提高效率,以下是一些常用的工具类及其典型应用场景,涵盖Spring原生... 目录1. Spring Framework 自带工具类(1) StringUtils(2) Coll

鸿蒙中Axios数据请求的封装和配置方法

《鸿蒙中Axios数据请求的封装和配置方法》:本文主要介绍鸿蒙中Axios数据请求的封装和配置方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录1.配置权限 应用级权限和系统级权限2.配置网络请求的代码3.下载在Entry中 下载AxIOS4.封装Htt

基于Flask框架添加多个AI模型的API并进行交互

《基于Flask框架添加多个AI模型的API并进行交互》:本文主要介绍如何基于Flask框架开发AI模型API管理系统,允许用户添加、删除不同AI模型的API密钥,感兴趣的可以了解下... 目录1. 概述2. 后端代码说明2.1 依赖库导入2.2 应用初始化2.3 API 存储字典2.4 路由函数2.5 应

C#集成DeepSeek模型实现AI私有化的流程步骤(本地部署与API调用教程)

《C#集成DeepSeek模型实现AI私有化的流程步骤(本地部署与API调用教程)》本文主要介绍了C#集成DeepSeek模型实现AI私有化的方法,包括搭建基础环境,如安装Ollama和下载DeepS... 目录前言搭建基础环境1、安装 Ollama2、下载 DeepSeek R1 模型客户端 ChatBo