vue如何外接配置檔案，靈活修改介面位址

2021-10-09 12:27:16 字數 1735 閱讀 4087

最近使用vue2，webpack3打包專案，每次打包，介面位址都會被打包進去，無法自由修改。這是乙個對前端增加工作量，對測試很不友好的操作。然後自己查了下資料，都說使用generate-asset-webpack-plugin外掛程式，自己試著成功外接配置檔案，這裡做下記錄。

首先安裝外掛程式

npm install generate-asset-webpack-plugin -s -d
在build資料夾下，新建乙個檔案generate-asset.config.js。內容如下：

const generateassetplugin =


require


('generate-asset-webpack-plugin');


const config =


require()


;function


createserverconfig


(compilation)


,config))}


module.


exports=(


)=>})


}

module.exports =
這裡就是常用的配置檔案，在開發環境下，可以直接引入使用。在發布環境下，還需要在webpack.base.conf.js資料夾下配置下。先引入：

const packageconfig =


require


('../package.json'


)require


('./generate-asset.config'


)
再加入plugins的配置

module.exports =


,  output:


,  plugins:


[(packageconfig)


],
import


*as g from


import $ from


'jquery'


if(process.env.


node_env


==='production')}


});}


else
新建vue.config.js，這裡隨帶提一句，@vue/cli裡生成的babel.config.js和這個檔案不是同乙個檔案，不要寫到babel.config.js裡了。
const configs =


require()


varcreateserverconfig


=function


(compilation)


,      configs


))}module.exports =


,        extrafiles:


,},]


)},}
window.g =
然後再index.html中引入

src=


>


script


>
在https.js中直接賦值。axios.defaults.baseurl = g.baseurl;

具體想使用哪種方式，看各人而定，當然我更偏向生成json的方式。

spring配置檔案之靈活配置

spring配置檔案十分靈活的,比如當遇到要配置jdbc之類或者和主機有關的資訊時，可以這樣，進一步抽象 生成如下的屬性檔案 web inf jdbc.properties jdbc.driver org.postgresql.driver jdbc.url jdbc postgresql loca...

修改配置檔案啟示

修改 etc sysconfig i18n檔案 lang en us.utf 8 supported en us.utf 8 en us en sysfont latarcyrheb sun16 改為 lang zh cn.gb18030 language zh cn.gb18030 zh cn.g...

修改git config配置檔案

1.git config global add configname configvalue 解釋 給指定的級別的指定config增加乙個值 示例 git config global unset configname 只針對存在唯一值的情況 為了測試先增加乙個 刪除這個唯一值,檢視效果 查詢指定級別...