亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

vue.js在打包的時(shí)候自動(dòng)區(qū)分正式服和測(cè)試服的api url

iKcamp / 438人閱讀

摘要:我們?cè)诰帉?xiě)一個(gè)的時(shí)候往往會(huì)有正式服務(wù)器和測(cè)試服務(wù)器。比如正式服測(cè)試服則為我們查看生成的配置文件可以發(fā)現(xiàn)和兩個(gè)文件中都通過(guò)向我們的傳遞了一個(gè)變量那么我們就可以使用它了。應(yīng)該是正式服打包一份,測(cè)試服打包一份,而不是在運(yùn)行時(shí)在判斷是哪個(gè)。

我們?cè)诰帉?xiě)一個(gè)vue.js的時(shí)候往往會(huì)有正式服務(wù)器和測(cè)試服務(wù)器。
比如正式服http://api.marsdict.com
測(cè)試服則為http://apitest.marsdict.com

我們查看vue cli生成的webpack配置文件可以發(fā)現(xiàn)/build/webpack.dev.conf.js/build/webpack.prod.conf.js兩個(gè)文件中都通過(guò)

new webpack.DefinePlugin({
      "process.env": env
    }),

向我們的js傳遞了一個(gè)process.env變量,那么我們就可以使用它了。
例如我是在main.js這么實(shí)現(xiàn)區(qū)分的:

Vue.use(
  Ajax,
  (function() {
    return {
      baseURL:
        process.env === "production"
          ? "http://api.marsdict.com"
          : "http://apitest.marsdict.com"
    };
  })()
);

有關(guān)DefinePlugin可以閱讀文檔:http://webpack.github.io/docs...

閱讀過(guò)其他人一些項(xiàng)目,有用window.location.href.indexOf("正式服域名") >= 0先來(lái)判斷運(yùn)行的環(huán)境再?zèng)Q定api的url,感覺(jué)不是很合理。

應(yīng)該是正式服打包一份,測(cè)試服打包一份,而不是在運(yùn)行時(shí)在判斷api url是哪個(gè)。記錄一下。

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/89921.html

相關(guān)文章

  • 使用vue開(kāi)發(fā)pc前端及后臺(tái)項(xiàng)目總結(jié)(陸續(xù)更新)

    摘要:所以只有寫(xiě)完整,才是正確的。具體可查看這里愿你成為終身學(xué)習(xí)者 showImg(https://segmentfault.com/img/bVbfNh2?w=1920&h=600); 1.讓img標(biāo)簽適應(yīng)比例縮放 項(xiàng)目中做圖片預(yù)覽,如下圖,效果要隨著屏幕的大小來(lái)做自適應(yīng)比例縮放,一開(kāi)始用background-size:cover來(lái)做是可行的,但這里有包括上傳圖片的操作,而上傳圖片的文件流...

    Baoyuan 評(píng)論0 收藏0
  • 內(nèi)網(wǎng)穿透與反向代理,淺談前后臺(tái)分離

    摘要:小米球可以實(shí)現(xiàn)內(nèi)網(wǎng)穿透,他是怎么實(shí)現(xiàn)內(nèi)網(wǎng)穿透,主要是通過(guò)域名的反向代理,這也就是所謂的反向代理。其實(shí),反向代理沒(méi)那么高大上,不要被它嚇到了。域名解析也是同樣的道理,利用了的反向代理。 導(dǎo)讀 自去年畢業(yè)來(lái)到杭州,想想也該有大半年了。本身是軟件工程的科班出身,在校時(shí)理論掌握的還可以。但應(yīng)用到實(shí)踐當(dāng)中去,有些還是不大理解,于是,不停地向帶我的人請(qǐng)教,畢竟,三人行,必有我?guī)熝伞=?jīng)過(guò)一段時(shí)間理論...

    developerworks 評(píng)論0 收藏0
  • 內(nèi)網(wǎng)穿透與反向代理,淺談前后臺(tái)分離

    摘要:小米球可以實(shí)現(xiàn)內(nèi)網(wǎng)穿透,他是怎么實(shí)現(xiàn)內(nèi)網(wǎng)穿透,主要是通過(guò)域名的反向代理,這也就是所謂的反向代理。其實(shí),反向代理沒(méi)那么高大上,不要被它嚇到了。域名解析也是同樣的道理,利用了的反向代理。 導(dǎo)讀 自去年畢業(yè)來(lái)到杭州,想想也該有大半年了。本身是軟件工程的科班出身,在校時(shí)理論掌握的還可以。但應(yīng)用到實(shí)踐當(dāng)中去,有些還是不大理解,于是,不停地向帶我的人請(qǐng)教,畢竟,三人行,必有我?guī)熝伞=?jīng)過(guò)一段時(shí)間理論...

    wangxinarhat 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<