一、proxytable配置介面位址**
config/index.js
dev:
}},
二、分環境打包
開發時1.config/dev.env.js
,通過process.ar**獲取啟動命令引數
'use strict'
const merge = require('webpack-merge')
const prodenv = require('./prod.env')
let params = process.ar**[4]//取啟動命令的第4個引數 如npm run dev --env=test
let baseurl = ''
switch (params)
module.exports = merge(prodenv, )
2.src/main.js
,通過process.env.baseurl 獲取config/dev.env.js
檔案的baseurl,並掛載在vue的原型上
import vue from 'vue'
import router from './router'
vue.config.productiontip = false
vue.prototype.$baseurl = process.env.baseurl
new vue()
3.通過命令npm run dev、npm run dev --env=test、npm run dev --env=prod訪問不同的介面位址
打包時1.打包專案時config/prod.env.js
,通過process.ar**獲取啟動命令引數
'use strict'
let params = process.ar**[2]//取啟動命令的第二個引數 如npm run buid
let baseurl = ''
switch (params)
module.exports = merge(prodenv, )
2.在src/main.js
中,通過process.env.baseurl 獲取config/prod.env.js
檔案的baseurl,並掛載在vue的原型上
import vue from 'vue'
import router from './router'
vue.config.productiontip = false
vue.prototype.$baseurl = process.env.baseurl
new vue()
3.通過命令npm run build、npm run build --env=test、npm run build --env=prod訪問不同的介面位址 vue分環境打包
在專案開發中,我們的專案一般分為開發版 測試版 pre版 prod版。vue cli的預設環境乙隻有dev和prod兩個,之前每次要發布測試版或pre版都是修改了原始碼中api位址後打包,這樣很麻煩。如果能根據不同環境打包就完美了。如下 1.config prod.env.js檔案修改如下 use ...
vue專案打包後跨域
關於vue的跨域配置,有開發環境的跨域和生產環境的跨域,詳見我的另一篇部落格 對於上篇文章的生產環境的跨域位址配置,是將所有介面的訪問都指向同乙個伺服器,而對於前後端未完全分離的專案,如果有某個介面需要訪問非當前專案的另一台伺服器的話,就需要對這個介面單獨進行處理了,針對這個問題,我重新梳理了一下關...
Vue官方腳手架分環境打包配置及介面環境切換
1 配置各個環境所需要的使用的引數 修改config dev.env.js 開發環境 use strict const merge require webpack merge const prodenv require prod.env module.exports merge prodenv,修改...