Vue配置開發，測試，生產環境api

實現通過不同的命令，打包呼叫不同環境的api，實現實現前端自動化部署。

前端自動化部署工程比較複雜，這裡只介紹通過不同的命令，打包的時候呼叫不同環境的api，

例如：

npm run build呼叫開發環境介面，打包開發環境

npm run build:test呼叫測試環境介面，打包測試環境

npm run build:prod呼叫生產環境介面，打包生產環境

在build檔案下新建webpack.test.conf.js，將webpack.prod.conf.js內容複製過來。

修改webpack.test.conf.js檔案

將const env = require('../config/prod.env');

修改為：const env = require('../config/test.env');

在config檔案下新建test.env.js，將prod.env.js內容複製過來；

分別在dev.env.js、test.env.js、prod.env.js中定義變數api_root

把build.js內容複製到test.js

將

const webpackconfig = require('./webpack.prod.conf')

配置axios請求的時候，介面位址直接呼叫process.env.api_root就好了，

打包的時候執行npm run build:test就是呼叫的測試介面位址

vue 分環境構建 開發 測試 生產 配置

後端api位址一般分為開發 測試 生產，所有乙個npm run build可不夠用，每次去修改配置檔案也很麻煩 不同的環境，配置也不同，vue cli的版本導致檔案結構不一致 新增 spinner.start webpack.prod.conf.js const env require config...

專案開發 測試 生產環境的區別

一般可分為三種 生產環境，測試環境，開發環境 上述環境也可以說是系統開發的三個階段 開發 測試 上線，其中生產環境也就是通產說的真實的環境，最後交給使用者的環境。開發環境時程式猿們專門用於開發的伺服器，配置可以比較隨意，為了開發除錯方便，一般開啟全部錯誤報告和測試工具，是最基礎的環境。開發環境的分支...

vue開發環境 生產環境配置

vue開發環境 生產環境配置 首先生成三個檔案 env env.development env.production 他會根據你執行的環境 去自動走相應的檔案 env node env production env.development env.production node env produc...