vue 打包后動態配置API地址

mzlogin 發布于2019-08-26 10:10 / 1842人閱讀

摘要：文件夾下新建文件測試環境線上環境引入依賴封裝文件中引入，根據環境判斷使用接口地址開發環境的正式環境的

1.static文件夾下新建config.js文件；

export const API = {
  // 測試環境
  DEV_SERVER: "http://20.21.1.112:9602",
  // 線上環境
  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，根據環境判斷使用接口地址；

import { API } from "../../static/js/config"
let baseUrl = ""
if (process.env.NODE_ENV =="development") {
  // 開發環境的url
  baseUrl = API.DEV_SERVER
} else if (process.env.NODE_ENV == "production") {
  // 正式環境的 request url
  baseUrl = API.PRO_SERVER
}
axios.defaults.baseURL = baseUrl

GPU云服務器云服務器為什么 android打包后 vue cdn地址動態地址 js文件執行當動態添加數據后

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/105698.html

vue-cli+webpack開發流程總結

摘要：加載百度地圖后報錯的，我們再加載一遍你的秘鑰你的秘鑰為當前時間戳獲取方法一、環境搭建 1、安裝node.js在計算機中https://nodejs.org/en/download/ （此為node.js官方下載地址）安裝完成后打開cmd命令提示符 node -v //查詢node版本號 npm -v //查詢npm版本號 2、如果npm使用網速跟不上...

shiweifu 2019-08-23 14:55 評論0 收藏0
vue 開發中遇到的問題匯總（踩坑指南）

摘要：組件中使用定時器及銷毀問題如果我們在頁面中使用了一個定時器，當從頁面跳轉到頁面時，如果不手動清除這個定時器，那么它仍舊會執行，這不是我們所期望的。公司年初開始從jquery轉型到vue開發，思想上從jquery的操作DOM到vue的操作數據，剛開始還不太習慣，但用了一段時間發現確實比較方便。在剛開始用vue的時候，也踩了一些坑，現在分享出來，供剛入門上手開發vue的朋友參考，都是一些...

wean 2019-08-20 18:52 評論0 收藏0
webpack 基礎與項目優化實踐總結

摘要：前言本文基于，主要涉及基本概念基本配置和實際項目打包優化。關于概念方面參考官網，常用配置來自于網絡資源，在文末有相關參考鏈接，實踐部分基于自己的項目進行優化配置。同一文件中，修改某個影響其他。前言：本文基于weboack4.x，主要涉及webpack4 基本概念、基本配置和實際項目打包優化。關于概念方面參考官網，常用配置來自于網絡資源，在文末有相關參考鏈接，實踐部分基于自己的項目進行...

Scorpion 2019-08-23 18:15 評論0 收藏0
vue 服務器端渲染 nuxt.js初探

摘要：在調研插件后，發現無法滿足以及等要求時，果斷選用了做服務器渲染。布局目錄該目錄名為保留的，不可更改。服務器啟動的時候，該目錄下的文件會映射至應用的根路徑下。它可以在服務端或路由更新之前被調用。可用于指定服務端返回的請求狀態碼。開頭還是來一段廢話：年關將近，給大家拜個早年，愿大家年會都能抽大獎，來年行大運。廢話不多說，直接進正文項目環境：前端vue項目，需要將新增的幾個路由頁...

bingchen 2019-08-23 14:53 評論0 收藏0