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

相关文章

SpringBoo WebFlux+MongoDB实现非阻塞API过程

《SpringBooWebFlux+MongoDB实现非阻塞API过程》本文介绍了如何使用SpringBootWebFlux和MongoDB实现非阻塞API,通过响应式编程提高系统的吞吐量和响应性能... 目录一、引言二、响应式编程基础2.1 响应式编程概念2.2 响应式编程的优势2.3 响应式编程相关技术

java中4种API参数传递方式统一说明

《java中4种API参数传递方式统一说明》在Java中,我们可以使用不同的方式来传递参数给方法或函数,:本文主要介绍java中4种API参数传递方式的相关资料,文中通过代码介绍的非常详细,需要的... 目录1. 概述2. 参数传递方式分类2.1 Query Parameters(查询参数)2.2 Path

Java调用DeepSeek API的8个高频坑与解决方法

《Java调用DeepSeekAPI的8个高频坑与解决方法》现在大模型开发特别火,DeepSeek因为中文理解好、反应快、还便宜,不少Java开发者都用它,本文整理了最常踩的8个坑,希望对... 目录引言一、坑 1:Token 过期未处理,鉴权异常引发服务中断问题本质典型错误代码解决方案:实现 Token

使用Go调用第三方API的方法详解

《使用Go调用第三方API的方法详解》在现代应用开发中,调用第三方API是非常常见的场景,比如获取天气预报、翻译文本、发送短信等,Go作为一门高效并发的编程语言,拥有强大的标准库和丰富的第三方库,可以... 目录引言一、准备工作二、案例1:调用天气查询 API1. 注册并获取 API Key2. 代码实现3

PHP应用中处理限流和API节流的最佳实践

《PHP应用中处理限流和API节流的最佳实践》限流和API节流对于确保Web应用程序的可靠性、安全性和可扩展性至关重要,本文将详细介绍PHP应用中处理限流和API节流的最佳实践,下面就来和小编一起学习... 目录限流的重要性在 php 中实施限流的最佳实践使用集中式存储进行状态管理(如 Redis)采用滑动

Go语言使用net/http构建一个RESTful API的示例代码

《Go语言使用net/http构建一个RESTfulAPI的示例代码》Go的标准库net/http提供了构建Web服务所需的强大功能,虽然众多第三方框架(如Gin、Echo)已经封装了很多功能,但... 目录引言一、什么是 RESTful API?二、实战目标:用户信息管理 API三、代码实现1. 用户数据

Python用Flask封装API及调用详解

《Python用Flask封装API及调用详解》本文介绍Flask的优势(轻量、灵活、易扩展),对比GET/POST表单/JSON请求方式,涵盖错误处理、开发建议及生产环境部署注意事项... 目录一、Flask的优势一、基础设置二、GET请求方式服务端代码客户端调用三、POST表单方式服务端代码客户端调用四

SpringBoot结合Knife4j进行API分组授权管理配置详解

《SpringBoot结合Knife4j进行API分组授权管理配置详解》在现代的微服务架构中,API文档和授权管理是不可或缺的一部分,本文将介绍如何在SpringBoot应用中集成Knife4j,并进... 目录环境准备配置 Swagger配置 Swagger OpenAPI自定义 Swagger UI 底

使用Python的requests库调用API接口的详细步骤

《使用Python的requests库调用API接口的详细步骤》使用Python的requests库调用API接口是开发中最常用的方式之一,它简化了HTTP请求的处理流程,以下是详细步骤和实战示例,涵... 目录一、准备工作:安装 requests 库二、基本调用流程(以 RESTful API 为例)1.

SpringBoot监控API请求耗时的6中解决解决方案

《SpringBoot监控API请求耗时的6中解决解决方案》本文介绍SpringBoot中记录API请求耗时的6种方案,包括手动埋点、AOP切面、拦截器、Filter、事件监听、Micrometer+... 目录1. 简介2.实战案例2.1 手动记录2.2 自定义AOP记录2.3 拦截器技术2.4 使用Fi