写一个坏越的个人天地(四)

静态界面已经基本都写差不多了,今天试下部署看下问题然后就可以准备后端部分了~

这边浏览了下先准备换下路径,确保本地素材的导入没有问题,vue打包这边有一个问题就是在打包的时候你的素材没有在标签里直接用src导入,而是在挂载的时候用变量名字导入的话,他无法识别,所以素材不会一同打包进去,这就会导致你的部署的时候,图片音乐素材会丢失。这边先稍微处理下这个问题,后续在后端用路径导入。

  let musiclist = import.meta.glob('@/music/*.mp3', { eager: true });let musicinfo = Object.values(musiclist).map((v) => v.default);

这边可以这样导入图片,虽然目前看着没有任何变化,但已经填了一个坑了!~

这边可以准备下后端了。

还是熟悉的express框架

curd接口应该还是比较简单的

天气这块整了我好久,之前走了个弯路,用了聚合API和express-ip结合。但是聚合api需要输入中文地址,比如杭州,而express-ip获取的是英文地址,比如Hangzhou。这两块一结合~

我炸了

然后遇到困难怎么办(我看看裤衩是不是白色的)

那当然是解决困难,我就想着做个funciton,收录所有地址可以把他转换了,但是那么多地址,不是给我干报废了,这一定是个stubid function。然后就找,问问我的ai大哥。终于找到了传说中的淘宝ip api~

好的,倒闭了,下一个

终于经过的不懈努力*2,找到了传说中的,高德api。而且我发现,这边一天可以免费使用5000次,而我之前找的api一天只能使用50次(还不够帅越塞牙缝呢)

然后调用试试,不得不说真好用,高德yyds!

然后就调天气api。【你的天气】模块突然又有问题,那么肯定是我的参数这边有问题,测了半天。发现我的参数多了个双引号,气死我了,

这里算是留了个优化空间吧,后边再改,这个问题也不大(总不能真一天有25个人访问吧~)

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

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

相关文章

红酒舞动,运动风采,品味力与美

当夜幕降临,城市的灯火渐次亮起,忙碌了一天的人们开始寻找那份属于自己的宁静与愉悦。在这个时刻,红酒与运动,这两个看似截然不同的元素,却能以它们不同的魅力,为我们带来一场视觉与感官的盛宴。 红酒&…

如何学习训练大模型——100条建议(附详细说明)

摘要: 通过深入了解本文中的这些细节,并在实际项目中应用相关知识,将能够更好地理解和利用大模型的潜力,不仅在学术研究中,也在工程实践中。通过不断探索新方法、参与项目和保持热情,并将其应用于各种领域&…

探究电子电路中的电压与电平转换

1. 引言 昨天跟好朋友讨论一个项目的时候,我朋友就给我画了一个简化版的电路图,如下图所示: 总觉得这个电路怪怪的,clk信号怎么直接接稳压电路呢。就产生了一个疑问,电平转换和电压转换的区别是啥?稳压电路还有升降压…

【小白学Python】AI生成图片(四)

【小白学Python】自定义图片的生成(一) 【小白学Python】自定义图片的生成(二) 【小白学Python】爬取数据(三) 目录 ai文生图接口的获取python中调用ai接口图片拼接先将图片缩放拼接图片 文字背景图代码效…

【数据结构】(C语言):栈

栈: 线性的集合。后进先出(LIFO,last in first out)。两个指针:指向栈顶和栈底。栈顶指向最后进入且第一个出去的元素。栈底指向第一个进入且最后一个出去的元素。两个操作:入栈(往栈尾添加元素…

Redis服务

目录 1、介绍 1、redis的特点: 2、缓存 2、安装Redis 1、安装单机版redis 2、redis-cli命令参数 3、redis的增删查改命令 4、redis的相关工具 1、介绍 redis是一个开源的、使用C语言编写的、支持网络交互的、可基于内存也可持久化的Key-Value数据库 redis的官网&…

摄影师危!AI绘画即将降维打击摄影行业

你还以为AI绘画影响的只是插画师行业吗?错了,摄影行业也即将面临技术洗牌 话不多说,先看一下这几张图 你能一眼看出这是AI画的迪丽热巴吗? 你是不是还以为AI绘画只能画点动漫艺术风格?那你就低估了AI的发展速度&…

react开发嵌入react-monaco-editor代码编辑器的方法

Next.js中使用react开发嵌入react-monaco-editor代码编辑器的方法(支持语法高亮) 安装 (base) PS D:\ai-ui> npm install react-monaco-editoradded 1 package, changed 1 package, and audited 1030 packages in 6s273 packages are looking for f…

《数字图像处理》实验报告五

一、实验任务与要求 实现一个自适应局部降噪滤波器;在一幅测试版图像中加入运动模糊和高斯噪声,产生一幅退化图像,采用 deconvwnr 函数实现逆滤波及维纳滤波。 二、实验报告 (一)实现一个自适应局部降噪滤波器 1、自…

ajax请求接口不设置请求头可以请求成功,但是设置请求头之后就跨域,已解决

遇到这个问题我们不要着急找后端,先通过控制台看看有没有报错,控制台的列表是不会有这个红色报错的,所以我们要看下图: 点击这个红色,然后在下面会出现一些信息 很明显是这个请求头timestamp的请求头被屏蔽了&#xff…

单机、集群和分布式

目录 1.概述 2.单机服务器 单机版的服务器的性能,设计上的瓶颈? 3.集群 解决瓶颈1: 没有解决瓶颈2: 没有解决瓶颈3: 集群的优点? 集群的缺点? 4.分布式 分布式的优点? 分…

a-table单元格指定合并以及表格双击编辑以及未填写指定验证功能

文章目录 a-table单元格指定合并以及表格双击编辑以及未填写指定验证功能一、 a-table单元格指定合并1. a-table2. columns3. 图例 二、a-table 表格双击编辑以及未填写验证1. a-table2. js3. 图例 a-table单元格指定合并以及表格双击编辑以及未填写指定验证功能 一、 a-table…

大模型AI技术实现语言规范练习

人工智能技术可以为语言规范练习提供多种有效的解决方案,帮助学习者更有效地掌握语言规范。以下是一些常见的应用场景。北京木奇移动技术有限公司,专业的软件外包开发公司,欢迎交流合作。 1. 智能纠错 利用自然语言处理技术,可以…

DC/AC电源模块一种效率与可靠性兼备的能源转换解决方案

DC/AC电源模块都是一种效率与可靠性兼备的能源转换解决方案 DC/AC电源模块是一种能够将直流电源(DC)转换为交流电源(AC)的设备。它在现代电子设备中扮演着非常重要的角色,因为许多设备需要交流电源才能正常运行。无论…

树形结构的勾选、取消勾选、删除、清空已选、回显、禁用

树形结构的勾选、取消勾选、删除、清空已选、回显、禁用 基本页面: 分为上传文件和编辑的页面 代码实现要点: 上传文件页面: 点开选择范围弹窗,三个radio单选框都为可选状态,默认显示的是第一个单选框(按…

人工智能的未来:畅想智能新时代

人工智能正在改变我们的世界,它将带我们走向何方? 著名神经科学家、Numenta 公司创始人杰夫•霍金斯 Jeff Hawkins 在其著作《人工智能的未来》中,描绘了一幅人工智能发展的光明图景。他认为,人工智能将超越人类智能,…

视觉与味蕾的交响:红酒与艺术的无界狂欢,震撼你的感官世界

在浩瀚的艺术海洋中,红酒以其不同的魅力,成为了一种跨界整合的媒介。当雷盛红酒与艺术相遇,它们共同呈现出一场特别的视觉盛宴,让人沉醉在色彩与光影的交织中,感受红酒与艺术的无界碰撞。 雷盛红酒,宛如一件…

AI作画Prompt不会写?Amazon Bedrock Claude3.5来帮忙

最新上线的Claude3.5 Sonnet按照官方介绍的数据来看,在多方面超越了CPT-4o,是迄今为止最智能的模型。 而跟上一个版本相比,速度是Claude 3 Opus的两倍,成本只有其五分之一。 Claude3.5 Sonnet不仅擅长解释图表、图形或者从不完…

Day28:回溯法 491.递增子序列 46.全排列 47.全排列 II 332.重新安排行程 51. N皇后 37. 解数独

491. 非递减子序列 给你一个整数数组 nums ,找出并返回所有该数组中不同的递增子序列,递增子序列中 至少有两个元素 。你可以按 任意顺序 返回答案。 数组中可能含有重复元素,如出现两个整数相等,也可以视作递增序列的一种特殊情…

网络安全学习路线图(2024版详解)

近期,大家在网上对于网络安全讨论比较多,想要学习的人也不少,但是需要学习哪些内容,按照什么顺序去学习呢?其实我们已经出国多版本的网络安全学习路线图,一直以来效果也比较不错,本次我们针对市…