摘要:我們在編寫一個的時候往往會有正式服務器和測試服務器。比如正式服測試服則為我們查看生成的配置文件可以發現和兩個文件中都通過向我們的傳遞了一個變量那么我們就可以使用它了。應該是正式服打包一份,測試服打包一份,而不是在運行時在判斷是哪個。
我們在編寫一個vue.js的時候往往會有正式服務器和測試服務器。
比如正式服http://api.marsdict.com
測試服則為http://apitest.marsdict.com
我們查看vue cli生成的webpack配置文件可以發現/build/webpack.dev.conf.js和/build/webpack.prod.conf.js兩個文件中都通過
new webpack.DefinePlugin({ "process.env": env }),
向我們的js傳遞了一個process.env變量,那么我們就可以使用它了。
例如我是在main.js這么實現區分的:
Vue.use( Ajax, (function() { return { baseURL: process.env === "production" ? "http://api.marsdict.com" : "http://apitest.marsdict.com" }; })() );
有關DefinePlugin可以閱讀文檔:http://webpack.github.io/docs...
閱讀過其他人一些項目,有用window.location.href.indexOf("正式服域名") >= 0先來判斷運行的環境再決定api的url,感覺不是很合理。
應該是正式服打包一份,測試服打包一份,而不是在運行時在判斷api url是哪個。記錄一下。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/89921.html
摘要:所以只有寫完整,才是正確的。具體可查看這里愿你成為終身學習者 showImg(https://segmentfault.com/img/bVbfNh2?w=1920&h=600); 1.讓img標簽適應比例縮放 項目中做圖片預覽,如下圖,效果要隨著屏幕的大小來做自適應比例縮放,一開始用background-size:cover來做是可行的,但這里有包括上傳圖片的操作,而上傳圖片的文件流...
摘要:小米球可以實現內網穿透,他是怎么實現內網穿透,主要是通過域名的反向代理,這也就是所謂的反向代理。其實,反向代理沒那么高大上,不要被它嚇到了。域名解析也是同樣的道理,利用了的反向代理。 導讀 自去年畢業來到杭州,想想也該有大半年了。本身是軟件工程的科班出身,在校時理論掌握的還可以。但應用到實踐當中去,有些還是不大理解,于是,不停地向帶我的人請教,畢竟,三人行,必有我師焉。經過一段時間理論...
摘要:小米球可以實現內網穿透,他是怎么實現內網穿透,主要是通過域名的反向代理,這也就是所謂的反向代理。其實,反向代理沒那么高大上,不要被它嚇到了。域名解析也是同樣的道理,利用了的反向代理。 導讀 自去年畢業來到杭州,想想也該有大半年了。本身是軟件工程的科班出身,在校時理論掌握的還可以。但應用到實踐當中去,有些還是不大理解,于是,不停地向帶我的人請教,畢竟,三人行,必有我師焉。經過一段時間理論...
閱讀 961·2023-04-26 02:49
閱讀 1172·2021-11-25 09:43
閱讀 2541·2021-11-18 10:02
閱讀 2919·2021-10-18 13:32
閱讀 1281·2019-08-30 13:54
閱讀 2074·2019-08-30 12:58
閱讀 3008·2019-08-29 14:06
閱讀 2154·2019-08-28 18:10