章節連結
Nuxt3 的圖片路徑問題，除了輸出靜態檔案時加上 . 的解決方式外，還可以藉由在 html 的 head 設定 base 標籤，或是 app.baseURL 來指定。
內容
<base>
每一頁 html 僅能有一個 base 標籤，它會影響所有的 a href, img src … 等的相對路徑。不過你也就不用擔心網址結尾有無 / 而導致的圖片路徑錯誤問題。雖說相容性非常高，從舊有的 IE 就有支援，不過可能會和現代框架的 Router 有衝突
Nuxt Config 設定
僅需要在 app.baseURL 進行設定，並搭配 process.env 設定網址即可。此值在本地端開發時，便可寫在 .env 內。build 的過程中，可視情況在腳本或是 action 生成即可
相關文章
1. [筆記] Nuxt3 圖片路徑兼容本地開發和遠端伺服器
按讚加入粉絲團
