前端调用有道翻译

 有道API  ,注册用户信息并拿到有道翻译的应用ID和应用密钥

安装 crypto-js

npm install crypto-js

 调用翻译API

import CryptoJS from 'crypto-js';export const yandex = (query: any) => {let appKey = '';//应用IDvar salt = new Date().getTime();var curtime = Math.round(new Date().getTime() / 1000);let key = '';//应用秘钥var str1 = appKey + truncate(query) + salt + curtime + key;var sign = CryptoJS.SHA256(str1).toString(CryptoJS.enc.Hex);let val = {q: query,appKey,salt: salt,from: 'zh-CHS',to: 'en',sign: sign,signType: 'v3',curtime: curtime,vocabId: ''//术语表out_id};return request({baseURL:'/youdao.com',url: '/api',method: 'get',headers: {'Content-Type': 'application/x-www-form-urlencoded','Access-Control-Allow-Origin': '*'},params:val// data: JSON.stringify(val)});
};
const truncate = (q: string) => {var len = q.length;if (len <= 20) return q;return q.substring(0, 10) + len + q.substring(len - 10, len);
};

跨域设置 vite.config.ts

    server: {host: '0.0.0.0',port: Number(env.VITE_APP_PORT),open: true,proxy: {'/youdao.com': {target: 'https://openapi.youdao.com', //接口的前缀ws: true, //代理websockedchangeOrigin: true, //虚拟的站点需要更管originrewrite: (path) => {return path.replace(new RegExp('^' + '/youdao.com'), '');}}}},

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/42980.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

CentOS7忘记root密码无法登陆解决方法

重启服务器&#xff0c;等到如图下所示界面的时候&#xff0c;快速按下键盘的↑或者↓按键&#xff0c;等固定住画面&#xff0c;然后按下e按键 然后按键盘上的↓按键&#xff0c;找到图下所示的linux16开头的那段&#xff0c;然后把光标挪到ro这里 按照图下所示&#xff0c;把…

提供跨平台的视觉安防解决方案,满足不同场景的需求的智慧交通开源了。

智慧交通视觉监控平台是一款功能强大且简单易用的实时算法视频监控系统。它的愿景是最底层打通各大芯片厂商相互间的壁垒&#xff0c;省去繁琐重复的适配流程&#xff0c;实现芯片、算法、应用的全流程组合&#xff0c;从而大大减少企业级应用约95%的开发成本。用户只需在界面上…

.net6 当连接用户的shell断掉后,dotnet会自动关闭,达不到长期运行的效果。.NET 进程守护

1、/etc/systemd/system/ 目录下创建service文件 如&#xff1a;/etc/systemd/system/testDemoSer.service 2、文件内容示例&#xff1a; [Unit] DescriptiontestDemoSer running on CentOS [Service] WorkingDirectory/usr/project/iis Typesimple Userroot Grouproot Exec…

大气热力学(6)——位温和假相当位温

本篇文章源自我在 2021 年暑假自学大气物理相关知识时手写的笔记&#xff0c;现转化为电子版本以作存档。相较于手写笔记&#xff0c;电子版的部分内容有补充和修改。笔记内容大部分为公式的推导过程。 文章目录 6.1 位温6.2 斜 T-lnP 图&#xff08;Skew T-lnP&#xff09;6.2…

JAVA获取重定向地址URL的两种方法

1、使用HttpURLConnection HttpURLConnection conn = (HttpURLConnection) new URL("http://192.168.1.200/6178dc0f47ec4fb8b0f01d87e13ea92d").openConnection();conn.setInstanceFollowRedirects(false

第二课使用域名dns ping通www.baidu.com

需要一台dns服务器&#xff0c;实现域名解析&#xff0c;把对应的网址变为Ip地址。 首先按照之前博客的配置&#xff0c;自动分配给PC1和PC2的IP地址等相关配置。 然后增加一台server交换机连接到交换机上&#xff0c;配置好ip地址&#xff0c;192.168.1.100。在dnsServer中。…

CAD应用程序开发工具CST CAD Navigator 1.4.0.1 正式发布—— 带来了 G 代码生成功能

CST CAD Navigator是一款兼容Windows和Linux的CAD应用程序。在其简单的界面下&#xff0c;有一个可以快速查看2D图纸和3D模型的强大核心。软件可以轻松地导入和导出文件&#xff0c;获取尺寸&#xff0c;并创建截面视图。 下载最新版CST CAD Navigatorhttps://www.evget.com/p…

react小白面试不得不会的20个问题——第二篇

当然&#xff0c;以下是后十个问题的简要回答&#xff1a; React中的受控组件和非受控组件有什么区别&#xff1f; 受控组件是指其值由React组件的state控制的输入表单元素。每当表单元素的值发生变化时&#xff0c;都会触发一个事件处理器&#xff0c;该处理器会更新组件的sta…

AUTOSAR:汽车软件架构的未来

AUTOSAR&#xff1a;汽车软件架构的未来 引言 随着汽车行业向智能化、电动化转型&#xff0c;汽车软件系统变得日益复杂。AUTOSAR&#xff08;Automotive Open System ARchitecture&#xff09;作为一个开放的标准化汽车软件架构&#xff0c;为汽车电子系统的开发提供了统一的…

写时拷贝 --全篇来自chatgpt

fork是Unix和类Unix操作系统中用于创建进程的系统调用。fork会创建一个子进程&#xff0c;该子进程几乎是父进程的完全拷贝&#xff0c;包括代码段、数据段、堆和栈。然而&#xff0c;为了提高效率&#xff0c;fork使用了一种叫做写时拷贝&#xff08;Copy-On-Write, COW&#…

企业四要素认证接口在金融行业发挥的作用

&#x1f389;&#x1f389;&#x1f389;企业四要素认证接口在金融行业发挥的作用 &#x1f31f;&#x1f31f;&#x1f31f;随着金融科技的飞速发展&#xff0c;越来越多的企业开始关注自身的网络安全和数据保护。在这个背景下&#xff0c;企业四要素认证接口应运而生&#…

hnust 1966: 广度优先搜索

hnust 1966: 广度优先搜索 题目描述 输入一个图&#xff0c;用邻接表存储&#xff08;实际上也可以选择邻接矩阵&#xff09;&#xff0c;并实现BFS操作。 拷贝前面已经实现的代码&#xff0c;主函数必须如下&#xff0c;完成剩下的部分。 int main() { Graph g; CreateUDG(…

ffmpeg 文档 - 未完

写在前面: 笔记的目录是为了总结他人的话, 从而让自己更专注阅读理解与框架思路整理, 忌大而详细。 原文: ffmpeg 文档 1 概要 ffmpeg [global_options] {[input_file_options] -i input_url} ... {[output_file_options] output_url} ...ffmpeg 是一个通用的 媒体转换器. 读…

ChatGPT对话:python程序模拟操作网页弹出对话框

【编者按】单击一网页中的按钮&#xff0c;弹出对话框网页&#xff0c;再单击其中的“Yes”按钮&#xff0c;对话框关闭&#xff0c;请求并获取新网页。 可能ChatGPT第一次没有正确理解描述问题的含义&#xff0c;再次说明后&#xff0c;程序编写就正确了。 1问&#xff1a;pyt…

全网最全的接口文档速成

文章目录 接口文档内容前言1. 前后端分离开发1.1 介绍1.2 开发流程1.3 前端技术栈 2. Yapi2.1 介绍2.2 使用2.2.1 准备2.2.2 定义接口2.2.3 导出接口文档2.2.4 导入接口文档 3. Swagger3.1 介绍3.2 使用方式3.3 查看接口文档3.4 常用注解3.4.1 问题说明3.4.2 注解介绍3.4.3 注解…

Redis实战—秒杀优化(Redis消息队列)

回顾 我们回顾一下前文下单的流程&#xff0c;当用户发起请求&#xff0c;此时会请求nginx&#xff0c;nginx会访问到tomcat&#xff0c;而tomcat中的程序&#xff0c;会进行串行操作&#xff0c;分成如下几个步骤。 1、查询优惠卷 2、判断秒杀库存是否足够 …

【代码随想录算法训练营第六十三天|卡码网117.软件构造、47.参加科学大会】

文章目录 117.软件构造47.参加科学大会 117.软件构造 本体考察的是拓扑排序的思路&#xff0c;对于所有的有向无环图进行拓扑排序后输出的长度一定是和原结点数相同的。整体思路是找到当前所有的入度为0的结点&#xff0c;添加到结果中&#xff0c;并且查看对应的后续结点将其…

文献笔记|综述|When Large Language Model Meets Optimization

When Large Language Model Meets Optimization 题目&#xff1a;当大型语言模型遇到优化时 作者&#xff1a;Sen Huang , Kaixiang Yang , Sheng Qi and Rui Wang 来源&#xff1a;arXiv 单位&#xff1a;华南理工大学 文章目录 When Large Language Model Meets Optimization…

springboot打包异常 Type org.springframework.boot.maven.RepackageMojo not present

解决&#xff1a; 项目在本地时可以正常启动的,但是打包就报错,经过分析得出,应该是打包依赖的问题,解决方法: 在pom文件中的build—>plugins---->plugin中添加spring-boot-maven-plugin依赖的版本号如下: 2.4.3 指定版本号即可。

IT审计必看!对比旧版,CISA考试改版升级亮点和重点内容是什么?

官方通知&#xff0c;今年8月1日&#xff0c;CISA新版考纲正式上线&#xff0c;旧版在7月23日后就无法约考了。 艾威培训邀请了国内知名的IT审计CISA授课老师吴老师来为大家详细讲解CISA新版考纲的变化 目前第28th版教材只有英文版&#xff0c;中文版尚未发布。我们艾威经验丰…