項目開發中,前端在配置后端api域名時很困擾,常常出現:

本地開發環境: api-dev.demo.com
測試環境: api-test.demo.com
線上生產環境: api.demo.com,
這次是在Vue.js項目中打包,教大家個方法:
使用 npm run build -- xxx ,根據傳遞參數xxx來判定不同的環境,給出不同的域名配置。
1.項目中/config/dev.env.js修改:
新增:HOST: '"dev"'
'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
HOST: '"dev"'
})
另外有需要云服務器可以了解下創新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
文章名稱:vue項目webpack中Npm傳遞參數配置不同域名接口-創新互聯
文章分享:http://www.js-pz168.com/article4/gdgoe.html
成都網站建設公司_創新互聯,為您提供商城網站、域名注冊、網站設計、服務器托管、Google、小程序開發
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯