鍍金池/ 問答/HTML/ vue cli3 環(huán)境變量設置

vue cli3 環(huán)境變量設置

在vue cli 創(chuàng)建的項目里面， 設置環(huán)境變量，報錯 not defined

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

相關(guān)代碼

// 請把代碼文本粘貼到下方（請勿用圖片代替代碼）\

//.env 文件
VUE_APP_TITLE=測試標題

// public/index.html 

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= VUE_APP_TITLE %></title>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but vue-test-3 doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

期望頁面title顯示"測試標題"，但是有報錯"ReferenceError: VUE_APP_TITLE is not defined"

回答
編輯回答
尕筱澄

process.env.VUE_APP_TITLE

2018年5月24日 12:16
編輯回答
失心人

之前寫了一篇：https://segmentfault.com/a/11...

多是往 process.env 里面放置的

2017年10月5日 17:01