Vue3+axios+Vite配置Proxy代理解决跨域

news/2024/11/14 9:29:20/

以这个API为例:https://www.rootdata.com/Api/Doc

vite新建vue项目之后

  • vite.config.js \
javascript">import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'export default defineConfig({server:{proxy: {'/rootdata':{target: 'https://api.rootdata.com/open/ser_inv',changeOrigin: true,rewrite: (path)=>path.replace(/^\/rootdata/, '')}}},plugins: [vue()],resolve: {alias: {"@": path.resolve("./src") // 相对路径别名配置,使用 @ 代替 src}}
})
  • APP.vue
    script标签中(记得pnpm install axios
    这段代码是把https://www.rootdata.com/Api/Doc中的示例代码转换过来的
javascript">import HelloWorld from './components/HelloWorld.vue'
// 导入 axios 用于发送 HTTP 请求
import { ref, onMounted } from 'vue';
import axios from 'axios';const getdata = ()=>{axios.post('/rootdata', {query: 'ETH'}, {headers: {"apikey": "XXXXXXX", 这里写自己的KEY"language": "en","Content-Type": "application/json"}}).then(response => {console.log(response);}).catch(error => {console.error("Error:", error);});
}
onMounted(()=>{getdata()
});

http://www.ppmy.cn/news/1546285.html

相关文章

洛谷 P1102 A-B 数对

题目描述 给出一串正整数数列以及一个正整数 C,要求计算出所有满足 A−BC 的数对的个数(不同位置的数字一样的数对算不同的数对)。 输入格式 输入共两行。 第一行,两个正整数 N,C。 第二行,N 个正整数&#xff0c…

c语言编程题(函数)

1编写函数将一个仅包含整数&#xff08;可能为负&#xff09;的字符串转换为对应的整数 方法一使用标准库函数 atoi atoi 函数是C语言标准库中的一个函数&#xff0c;用于将字符串转换为整数。 代码&#xff1a; #include <stdio.h> #include <stdlib.h> // 包含…

自己开发得期货资管模拟软件演示1.0.15版仅供学习

期货资管模拟软件演示1.0.15版仅供学习——C技术栈知识分享 本文将以期货资管模拟软件演示1.0.15版为例&#xff0c;分享其基于C技术栈的框架知识。 一、C技术栈在期货交易软件开发中的应用 C作为一种高性能的编程语言&#xff0c;以其强大的内存管理能力和高效的执行速度&a…

C字符串 | 字符串处理函数 | 使用 | 原理 | 实现

文章目录 1.字符串的定义2.函数的使用3.strlen使用与实现4.strcpy使用与实现5.strcat的使用与实现6.strcmp的使用与实现7.strstr的使用与实现8.memcpy的使用和实现9.memmove的使用和实现 1.字符串的定义 字符串是一系列字符组成的序列&#xff0c;C语言中字符串以\0结尾。由&q…

没有想到AI以这样的方式入侵人类——AI泛滥——关于AI的冷思考

最近&#xff0c;我常常在浏览网络时感到一种奇怪的不适感。这种感觉很难形容&#xff0c;像是在庞杂的信息中迷失&#xff0c;又像是在盯着一面冷冰冰的镜子。文章里那些看似流畅、却让人读完毫无触动的文字&#xff1b;画面里那些比例完美、却没有“魂”的插图&#xff1b;甚…

健身业务自动化:SpringBoot管理系统指南

1系统概述 1.1 研究背景 随着计算机技术的发展以及计算机网络的逐渐普及&#xff0c;互联网成为人们查找信息的重要场所&#xff0c;二十一世纪是信息的时代&#xff0c;所以信息的管理显得特别重要。因此&#xff0c;使用计算机来管理健身房管理系统的相关信息成为必然。开发合…

利用RANSAC算法拟合平面并生成包围框的点云处理方法,点云聚类、质心坐标、倾斜角度、点云最小外接矩形

该代码用于分析和处理点云数据&#xff0c;通过对点云数据进行裁剪、平面拟合和生成包围框来提取特定区域的特征并发布结果。主要使用了RANSAC算法来识别并拟合平面&#xff0c;从而提取平面的法向量&#xff0c;接着根据该平面计算出该区域的最小矩形包围框&#xff08;Boundi…

[论文粗读][REALM: Retrieval-Augmented Language Model Pre-Training

引言 今天带来一篇检索增强语言模型预训练论文笔记——REALM: Retrieval-Augmented Language Model Pre-Training。这篇论文是在RAG论文出现之前发表的。 为了简单&#xff0c;下文中以翻译的口吻记录&#xff0c;比如替换"作者"为"我们"。 语言模型预训练…