如果是剛配置好的全局變量需要 重新啓動一下vue才能通過proccess.env.xxx 獲取到
如果想在html中使用 需要在data中聲明一個變量 然後在vue生命週期中 將process.env.xxx 賦值給這個變量
例如我在 .env.dev 文件中剛配置了一個 上傳文件 的url
// 測試環境標記 package.json用 VUE_APP_MODE = 'dev' NODE_ENV = 'development' // 測試環境 url請求路徑 VUE_APP_URL = 'http://www.env.com/' // 測試文件上傳 VUE_APP_UPLOAD_URL = 'http://www.env.com/'
這個時候我需要重啓一下vue 才能通過process.env.VUE_APP_UPLOAD_URL 獲取 到他
如果我需要在html中使用這個變量的話,如果直接在html中使用process.env.VUE_APP_UPLOAD_URL 的話可能會報錯
<!-- 選擇結算日期 --> <template> <div class="select-operation-container"> <el-upload class="upload-demo" :action="VUE_APP_UPLOAD_URL"> <span>選擇導入文件</span> <el-button size="small">點擊上傳</el-button> <div slot="tip" class="el-upload__tip">只能上傳jpg/png文件,且不超過500kb</div> </el-upload> </div> </template> <script> export default { name: "import-settle-dialog", props: { showDialog: Boolean }, data() { return { VUE_APP_UPLOAD_URL: '', // 需要在這裏定義一個變量 然後在html中使用這個變量 }; }, mounted(){ this.VUE_APP_UPLOAD_URL = process.env.VUE_APP_UPLOAD_URL; }, methods: { } } </script>