vue2.0 在頁面中使用process獲取全局路徑的時候 報錯 process is not defined

如果是剛配置好的全局變量需要 重新啟動一下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>