vue跨域及分環境打包配置

2021-09-12 19:23:33 字數 1596 閱讀 8890

一、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 devnpm run dev --env=testnpm 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 buildnpm run build --env=testnpm 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,修改...