VUE打包後配置配置檔案修改請求url方法及webpack打包的檔案生成同名檔案方法

douob發表於2019-05-15
VueWeb

1.在static目錄下新建config.js檔案

window.g = {
    BASE_URL: "https://localhost:111"
}

在index.html檔案中引入此js

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <!-- 引入配置檔案-->
    <script type=text/javascript src="/static/config.js"></script>
    <title></title>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

.vue檔案中訪問方法

 axios.get(window.g.BASE_URL+'/api/Default/GetAllCustomerName?keyword='+query)

打包出來的檔案目錄
在這裡插入圖片描述
2.目錄結構在這裡插入圖片描述
開啟build下的webpack.prod.conf.js,刪掉所有[某某hash],如圖我註釋掉了，打包好後將生成app.js,app.css等在這裡插入圖片描述

相關文章