前端調用有道翻譯

?有道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.pswp.cn/web/42980.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/42980.shtml
英文地址,請注明出處:http://en.pswp.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;中文版尚未發布。我們艾威經驗豐…