当前位置: 首页 > news >正文

前端调用有道翻译

 有道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'), '');}}}},

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • FPGA设计之跨时钟域(CDC)设计篇(1)----亚稳态到底是什么?
  • 牛市中途深度调整,一览下半场值得关注的 Solana 生态五大潜力项目
  • arm环境安装达梦数据库
  • Linux之免费证书工具certbot安装和使用
  • 设计模式探索:适配器模式
  • 关于ppmlhdfe和possion两个命令回归显示观测值不同
  • 掌握计算机网络基础:从零开始的指南
  • 基于conda包的环境创建、激活、管理与删除
  • 鸿蒙语言基础类库:【@ohos.util.HashMap (非线性容器HashMap)】
  • mes系统在新材料行业中的应用价值
  • 谷粒商城-个人笔记(集群部署篇三)
  • 定义变量和声明变量、定义类和声明类
  • 哈喽GPT-4o,程序员如何通过GPT-4o提高办公效率
  • Score matching
  • [终端安全]-7 后量子密码算法
  • 【跃迁之路】【444天】程序员高效学习方法论探索系列(实验阶段201-2018.04.25)...
  • AWS实战 - 利用IAM对S3做访问控制
  • CentOS 7 防火墙操作
  • conda常用的命令
  • css的样式优先级
  • Docker入门(二) - Dockerfile
  • ES6 ...操作符
  • JS题目及答案整理
  • Laravel深入学习6 - 应用体系结构:解耦事件处理器
  • Python连接Oracle
  • SOFAMosn配置模型
  • 理解IaaS, PaaS, SaaS等云模型 (Cloud Models)
  • 目录与文件属性:编写ls
  • 如何设计一个微型分布式架构?
  • 删除表内多余的重复数据
  • 深度学习在携程攻略社区的应用
  • 算法之不定期更新(一)(2018-04-12)
  • Nginx惊现漏洞 百万网站面临“拖库”风险
  • 阿里云重庆大学大数据训练营落地分享
  • ​2020 年大前端技术趋势解读
  • ​DB-Engines 12月数据库排名: PostgreSQL有望获得「2020年度数据库」荣誉?
  • ​浅谈 Linux 中的 core dump 分析方法
  • # Swust 12th acm 邀请赛# [ A ] A+B problem [题解]
  • # 职场生活之道:善于团结
  • #ubuntu# #git# repository git config --global --add safe.directory
  • #传输# #传输数据判断#
  • #每天一道面试题# 什么是MySQL的回表查询
  • #我与Java虚拟机的故事#连载15:完整阅读的第一本技术书籍
  • (NO.00004)iOS实现打砖块游戏(十二):伸缩自如,我是如意金箍棒(上)!
  • (Redis使用系列) SpringBoot中Redis的RedisConfig 二
  • (阿里云万网)-域名注册购买实名流程
  • (分享)自己整理的一些简单awk实用语句
  • (附源码)ssm基于jsp的在线点餐系统 毕业设计 111016
  • (三)SvelteKit教程:layout 文件
  • (转)jQuery 基础
  • ***检测工具之RKHunter AIDE
  • .desktop 桌面快捷_Linux桌面环境那么多,这几款优秀的任你选
  • .NET Core Web APi类库如何内嵌运行?
  • .NET IoC 容器(三)Autofac
  • .NET Standard / dotnet-core / net472 —— .NET 究竟应该如何大小写?