vue專案多個環境配置

2021-10-24 17:50:45 字數 684 閱讀 8014

env

='production'

outputdir =

'prod'

=''

import axios from

'axios'

// create an axios instance

const service = axios.

create(,

timeout:

5000,}

)

按照這個道理我們可以配置其他不同的環境。

3.但是問題來啦,我們假如打包測試環境或者其他不同環境的話,我們還用npm run build肯定是不行的,這個時候我們需要在package.json檔案裡面進行配置

//--mode 後面都是.env檔案的檔名

"scripts"

:,

這邊我們就可以用不同的命令去打包不同的環境

4.那麼問題又來了,我打包生成的檔案名字都一樣,這樣之前的檔案就會覆蓋啊??????

這個也簡單的,我們需要在vue.config.js裡面配置一下就行了,代如下

//輸出檔名

outputdir: process.env.outputdir,

這樣配置之後就可以打包不同名稱的資料夾

多個vue專案生產環境下NGINX配置檔案

1.多個專案 2.同一埠 3.多個專案使同一ip 通過nginx 的有三種路徑 1.api型別,訪問後台介面服務,nginx負責反向 2.靜態檔案型別,訪問css,js等檔案 3.vue路由型別,全部指向index.html webpack打包的靜態檔案訪問路徑必須為 專案名稱 static 多專案...

配置vue 專案開發環境

首先配置vue的開發環境 確認電腦已經安裝 node 確認npm版本 npm v 安裝 映象 npm install g cnpm registry 往後使用 npm安裝新的包的時候可以用 cnpm替代 映象的安裝速度會比海外的 快 安裝vue腳手架 npm install global vue c...

Nginx配置多個vue前端專案 後端專案

我在之前已經使用docker nginx部署乙個vue專案了,大概是這樣的 conf.d default.conf server error page 404 404.html redirect server error pages to the static page 50x.html error...