在Vue項目中，可以使用.env文件來設置環境配置，這些配置可保護敏感信息、存儲API密鑰和其他環境變量等。本文將介紹使用.env文件及相關環境配置示例。

在Vue CLI 3之后，創建的項目默認支持使用.env文件。我們可以在根目錄下創建.env文件，分成不同的模式，如development、production等。

VUE_APP_API_KEY=XYZ
VUE_APP_TITLE=My App

如示例所示，每個.env文件中的配置必須以VUE_APP_前綴開始，并通過“=”分隔，以聲明環境變量的鍵值對。在vue.config.js文件中，可通過process.env屬性訪問這些變量。

// vue.config.js
module.exports = {
configureWebpack: {
plugins: [
new webpack.DefinePlugin({
'process.env': {
VUE_APP_TITLE: JSON.stringify(process.env.VUE_APP_TITLE)
}
})
]
}
}

在上面的代碼中，定義了一個webpack配置的對象，將process.env.VUE_APP_TITLE映射到Vue的全局變量process.env.這個過程會自動將存儲在.env文件中的值注入到應用程序中。

在應用程序中，可以通過process.env對象的屬性來訪問不同的env變量。根據應用程序的運行模式，可以使用以下命令來控制環境變量的使用:

npm run serve // 運行開發服務器，讀取的是development.env文件 
npm run build // 構建生產版本，讀取的是production.env文件
npm run test:e2e // 運行集成測試，讀取的是test.env文件

在這些命令中，默認的env文件是development.env，如果想改變env文件，可以使用--env命令選項：

npm run serve -- --env staging // 使用staging.env文件運行開發服務器

總之，在Vue項目中，.env文件非常重要，特別在部署到生產環境的時候，如果設置好了環境變量名稱，所有相關的開發人員及部署人員都可以統一管理這些環境變量，以達到方便統一管理的目的。