webpack配置接口路徑

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

摘要：比如在中的中加入然后就可以根據(jù)來判斷了需要注意的是，如果你在里整合了，那么，由于會(huì)檢測(cè)沒有定義的變量要求使用全局變量時(shí)要用的寫法，因此需要一個(gè)注釋聲明是一個(gè)全局變量來規(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會(huì)檢測(cè)沒有定義的變量（ESLint要求使用全局變量時(shí)要用window.xxxxx的寫法），因此需要一個(gè)global注釋聲明（/ global IS_PRODUCTION:true /）IS_SIGN是一個(gè)全局變量來規(guī)避warning。

GPU云服務(wù)器云服務(wù)器 webpack cdn配置 webpack配置cdn webpack常用配置項(xiàng) php定義接口路徑

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/82721.html

相關(guān)文章

Webpack-dev-server的proxy用法

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

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

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

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

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

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

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

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

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

afishhhhh 2019-08-20 18:32 評(píng)論0 收藏0