靜態界面已經基本都寫差不多了，今天試下部署看下問題然后就可以準備后端部分了~

這邊瀏覽了下先準備換下路徑，確保本地素材的導入沒有問題，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個人訪問吧~）