Vue.js 是一種流行的 JavaScript 框架，在使用 Vue.js 構建 Web 應用程序時，通常需要從服務器獲取數據。這涉及到與 API 進行 HTTP 請求，而請求的地址通常會在多個組件中使用。為了減少代碼冗余，我們可以將請求地址封裝成一個文件，供所有組件使用。

以下是一個示例，我們通過創建一個 config.js 文件，并在其中定義一個名為 BASE_URL 的常量來存儲請求地址：

const BASE_URL = "http://api.example.com";
export default BASE_URL;

接下來在需要使用請求地址的組件中，我們只需導入 config.js 文件并使用 BASE_URL 常量即可：

import axios from "axios";
import BASE_URL from "@/config.js";
export default {
data() {
return {
articles: []
};
},
created() {
axios.get(BASE_URL + "/articles").then(response =>{
this.articles = response.data;
});
}
};

在上面的示例中，我們通過導入 config.js 文件并使用 BASE_URL 常量來構建完整的請求地址。使用這種方法，我們可以在整個應用程序中使用同一個地址，并可以輕松地更改請求地址而不需要修改所有組件。