成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

vue 打包后動(dòng)態(tài)配置API地址

mzlogin / 1848人閱讀

摘要:文件夾下新建文件測(cè)試環(huán)境線上環(huán)境引入依賴封裝文件中引入,根據(jù)環(huán)境判斷使用接口地址開發(fā)環(huán)境的正式環(huán)境的

1.static文件夾下新建config.js文件;
export const API = {
  // 測(cè)試環(huán)境
  DEV_SERVER: "http://20.21.1.112:9602",
  // 線上環(huán)境
  PRO_SERVER: "http://20.21.1.112:9602"
}
2.引入依賴:cross-env;

"build": "cross-env NODE_ENV=production node build/build.js"

3.axios封裝文件中引入config.js,根據(jù)環(huán)境判斷使用接口地址;
import { API } from "../../static/js/config"
let baseUrl = ""
if (process.env.NODE_ENV =="development") {
  // 開發(fā)環(huán)境的url
  baseUrl = API.DEV_SERVER
} else if (process.env.NODE_ENV == "production") {
  // 正式環(huán)境的 request url
  baseUrl = API.PRO_SERVER
}
axios.defaults.baseURL = baseUrl

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

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

相關(guān)文章

  • vue-cli+webpack開發(fā)流程總結(jié)

    摘要:加載百度地圖后報(bào)錯(cuò)的,我們?cè)偌虞d一遍你的秘鑰你的秘鑰為當(dāng)前時(shí)間戳獲取方法 一、環(huán)境搭建 1、安裝node.js在計(jì)算機(jī)中https://nodejs.org/en/download/ (此為node.js官方下載地址)安裝完成后打開cmd命令提示符 node -v //查詢node版本號(hào) npm -v //查詢npm版本號(hào) 2、如果npm使用網(wǎng)速跟不上...

    shiweifu 評(píng)論0 收藏0
  • vue 開發(fā)中遇到的問(wèn)題匯總(踩坑指南)

    摘要:組件中使用定時(shí)器及銷毀問(wèn)題如果我們?cè)陧?yè)面中使用了一個(gè)定時(shí)器,當(dāng)從頁(yè)面跳轉(zhuǎn)到頁(yè)面時(shí),如果不手動(dòng)清除這個(gè)定時(shí)器,那么它仍舊會(huì)執(zhí)行,這不是我們所期望的。 公司年初開始從jquery轉(zhuǎn)型到vue開發(fā),思想上從jquery的操作DOM到vue的操作數(shù)據(jù),剛開始還不太習(xí)慣,但用了一段時(shí)間發(fā)現(xiàn)確實(shí)比較方便。在剛開始用vue的時(shí)候,也踩了一些坑,現(xiàn)在分享出來(lái),供剛?cè)腴T上手開發(fā)vue的朋友參考,都是一些...

    wean 評(píng)論0 收藏0
  • webpack 基礎(chǔ)與項(xiàng)目?jī)?yōu)化實(shí)踐總結(jié)

    摘要:前言本文基于,主要涉及基本概念基本配置和實(shí)際項(xiàng)目打包優(yōu)化。關(guān)于概念方面參考官網(wǎng),常用配置來(lái)自于網(wǎng)絡(luò)資源,在文末有相關(guān)參考鏈接,實(shí)踐部分基于自己的項(xiàng)目進(jìn)行優(yōu)化配置。同一文件中,修改某個(gè)影響其他。 前言:本文基于weboack4.x,主要涉及webpack4 基本概念、基本配置和實(shí)際項(xiàng)目打包優(yōu)化。關(guān)于概念方面參考官網(wǎng),常用配置來(lái)自于網(wǎng)絡(luò)資源,在文末有相關(guān)參考鏈接,實(shí)踐部分基于自己的項(xiàng)目進(jìn)行...

    Scorpion 評(píng)論0 收藏0
  • vue 服務(wù)器端渲染 nuxt.js初探

    摘要:在調(diào)研插件后,發(fā)現(xiàn)無(wú)法滿足以及等要求時(shí),果斷選用了做服務(wù)器渲染。布局目錄該目錄名為保留的,不可更改。服務(wù)器啟動(dòng)的時(shí)候,該目錄下的文件會(huì)映射至應(yīng)用的根路徑下。它可以在服務(wù)端或路由更新之前被調(diào)用??捎糜谥付ǚ?wù)端返回的請(qǐng)求狀態(tài)碼。 開頭還是來(lái)一段廢話: 年關(guān)將近,給大家拜個(gè)早年,愿大家年會(huì)都能抽大獎(jiǎng),來(lái)年行大運(yùn)。 廢話不多說(shuō),直接進(jìn)正文 項(xiàng)目環(huán)境: 前端vue項(xiàng)目, 需要將新增的幾個(gè)路由頁(yè)...

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

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

0條評(píng)論

mzlogin

|高級(jí)講師

TA的文章

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