vue,de環境和prod環境自動切換baseURL設置


hello, 大家好,我是九夏,今天記錄一下,vue中開發環境和生產環境的知識點
在一個vue的項目中,調用接口直接用http://****掉接口,但是這種屬於寫死了,功能是沒有問題的,對於要求的嚴格的項目,需要區分開發和生產環境的,這種靈活性就很差了,在用vue-cli 2.0搭建項目的人都知道,在config文件夾中都有現成的配置文件了,一個dev配置,一個prod配置,默認都會有一個NODE_ENV的屬性,這個屬性就對應着不同的環境,我們可以將根請求地址放在這里

這里有一個坑,那就是我在調用這個env的時候,系統一直報錯,說語法錯誤,發現額外的:符號,后來發現,這里的value值必須用兩層的引號包起來,否則就會報錯
接下來,就是設置baseURL的地方了

我是將baseURL寫在攔截器文件夾得,首先引入axios,創建一個實例request,在request中設置baseURL,value值直接用process.env.API_ROOT即可,當開發得時候,env即為development,打包即為production
此處額外提一下,export 和 export default 得區別,
當使用export default 暴露request實例得時候,外部引入可以寫任意值引入,這里我依舊用得axios,但實際上就是request


但是,如果你直接用export暴露的話,暴露出的是什么,引入的時候就必須是什么


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM