在axios的baseURL中賦值VITE_API_URL時出現Typescript錯誤
我在基於 Vite 和 Typescript 建置的 Vue 3 應用程式上有一個非常基本的 axios 設定。但是，我收到「baseURL」的打字稿錯誤，內容如下：
輸入「字串|」布林 | undefined' 不可指派給類型 'string |不明確的'。 類型「false」不可指派給型別「string |」未定義'.ts(2322)
如明確暗示的那樣，VITE_API_URL 的類型為 string |布林 | undefined，但 baseURL 不喜歡接受布林值。現在，顯然我並沒有嘗試為該屬性分配一個布林值，但它的類型表明它可能，這足以擾亂它。
現在Vite為VITE_API_URL定義了一個接口，如下：
interface ImportMetaEnv {
[key: string]: string | boolean | undefined
BASE_URL: string
MODE: string
DEV: boolean
PROD: boolean
SSR: boolean
}
如果我是創建這個介面的人，我只會刪除布林值，因為我永遠不會為這個值設定布林值，但我不滿意改變 Vite 的內建介面是正確的此處的操作過程。
我仍在擴展我的 Typescript 知識，所以我希望這是我所缺少的一些簡單的東西，但我似乎找不到任何解決方案來讓這兩個玩得很好。考慮到 Vite 和 Axios 的流行程度，我希望其他人也遇到這個問題並找到了一個簡單的解決方案。任何幫助將不勝感激！
httpClient.ts如下：
import axios from 'axios';
const httpClient = axios.create({
baseURL: import.meta.env.VITE_API_URL,
headers: {
'Content-Type': 'application/json',
},
});
export default httpClient;#