webpack配置接口路徑

fredshare 發(fā)布于2019-08-20 16:06 / 620人閱讀

摘要：比如在中的中加入然后就可以根據(jù)來判斷了需要注意的是，如果你在里整合了，那么，由于會檢測沒有定義的變量要求使用全局變量時要用的寫法，因此需要一個注釋聲明是一個全局變量來規(guī)避。

比如在webpack.config.js中的plugins中加入

new webpack.DefinePlugin({
        "process.env.NODE_ENV": JSON.stringify("production"),
        IS_SIGN: JSON.stringify("prodsign")
 }),

然后就可以根據(jù)IS_SIGN來判斷了

/* global IS_SIGN:true */
console.log(IS_SIGN);
switch (IS_SIGN) {
    case "localsign":
        API = "http://192.168.1.xx:9090/";
        WEB = "http://192.168.1.xx:8080/";
        break;
    case "testsign":
        API = "http://192.168.1.xx:9090/";
        WEB = "http://heiyanquan.github.com/test.html";
        break;
    case "prodsign":
        API = "http://192.168.1.xx:9090/";
        WEB = "http://heiyanquan.github.com/index.html";
        break;
}

需要注意的是，如果你在webpack里整合了ESLint，那么，由于ESLint會檢測沒有定義的變量（ESLint要求使用全局變量時要用window.xxxxx的寫法），因此需要一個global注釋聲明（/ global IS_PRODUCTION:true /）IS_SIGN是一個全局變量來規(guī)避warning。

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/82721.html

相關(guān)文章

Webpack-dev-server的proxy用法

摘要：原文首次發(fā)表在的用法前言如果你有單獨的后端開發(fā)服務(wù)器，并且希望在同域名下發(fā)送請求，那么代理某些會很有用?？梢曰谝粋€函數(shù)的返回值繞過代理。要為傳出連接綁定的本地接口字符串，默認(rèn)值將主機(jī)標(biāo)頭的原點更改為目標(biāo)參考官方文檔原文首次發(fā)表在: Webpack-dev-server的proxy用法前言如果你有單獨的后端開發(fā)服務(wù)器 API，并且希望在同域名下發(fā)送 API 請求，那么代理某...

Lin_R 2019-08-23 11:50 評論0 收藏0
Vue-項目從本地搭建到線上部署（wǒ shì biaō tí dǎng）

摘要：放置在目錄下或通過絕對路徑被引用。對于相關(guān)來說，我們推薦使用而不是直接鏈?zhǔn)街付?。在不更改配置文件的情況下，前端頁面迭代發(fā)布，不需要重啟服務(wù)。作者：gauseen 0. 關(guān)于 Vuejs 簡介：Vue (讀音 /vju?/，類似于 view) 是一套用于構(gòu)建用戶界面的漸進(jìn)式框架，易用、靈活、高效。生態(tài)系統(tǒng) 項目介紹 awesome-vue Vue.js 相關(guān)很棒的...

Arno 2019-08-26 13:49 評論0 收藏0
基于webpack的前后端分離開發(fā)環(huán)境實戰(zhàn)

摘要：背景隨著互聯(lián)網(wǎng)應(yīng)用工程規(guī)模的日益復(fù)雜化和精細(xì)化，我們在開發(fā)一個標(biāo)準(zhǔn)應(yīng)用的早已開始告別單干模式，為了提升開發(fā)效率，前后端分離的需求越來越被重視，前端負(fù)責(zé)展現(xiàn)交互邏輯，后端負(fù)責(zé)業(yè)務(wù)數(shù)據(jù)接口，基本上也成為了我們?nèi)粘ｍ椖糠止ぶ械臉?biāo)配，但是前后端分離背景隨著互聯(lián)網(wǎng)應(yīng)用工程規(guī)模的日益復(fù)雜化和精細(xì)化，我們在開發(fā)一個標(biāo)準(zhǔn)web應(yīng)用的早已開始告別單干模式，為了提升開發(fā)效率，前后端分離的需求越來越被重...

soasme 2019-08-22 11:03 評論0 收藏0
接口環(huán)境很多？靜態(tài)資源要放cdn？不用修改代碼，用webpack就可以（vue）

摘要：傳送門針對解決的問題接口環(huán)境很多，有測試服，有，有正式等等，每次都要修改代碼靜態(tài)資源可能要存到中，這也要修改代碼嗎修改配置文件只需要修改環(huán)境列表，第一個環(huán)境為默認(rèn)環(huán)境指明現(xiàn)在使用的環(huán)境打包的路徑，只在的時候有用這個環(huán)境下面的請求的域 multi-hostname-vue-cli github傳送門針對解決的問題接口環(huán)境很多，有測試服，有qa，有正式等等，每次都要修改代碼？no! ...

SoapEye 2019-08-20 18:04 評論0 收藏0
webpack開發(fā)與生產(chǎn)環(huán)境配置

摘要：豹哥對于剛開始小白的自己雖然現(xiàn)在也白知無不談，而且回復(fù)超快超認(rèn)真。這里真的很感謝豹哥。是項目啟動時的一些文件，如的配置文件開發(fā)環(huán)境服務(wù)配置文件一些簡單工具函數(shù)等等。是關(guān)于整個項目的環(huán)境配置包括開發(fā)與生產(chǎn)。前言作者去年就開始使用webpack, 最早的接觸就來自于vue-cli。那個時候工作重點主要也是 vue 的使用，對webpack的配置是知之甚少，期間有問題也是詢問大牛 @呂大...

afishhhhh 2019-08-20 18:32 評論0 收藏0