静态界面已经基本都写差不多了,今天试下部署看下问题然后就可以准备后端部分了~
这边浏览了下先准备换下路径,确保本地素材的导入没有问题,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个人访问吧~)