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...