/config/dev.env
.js // 本地開發配置
/config/prod.env
.js // 線上打包配置
/config下的dev.env.js和prod.env.js這兩個檔案
'use strict'
const merge = require('webpack-merge')
const prodenv = require('./prod.env')
module.exports = merge(prodenv, )
'use strict'
module.exports =
/config/index.js裡面的proxytable, 所以線下位址不能寫成你實際的線下位址, 而是要寫成你這裡**後的位址. 關於vue2.x使用axios以及http-proxy-middleware**處理跨域的問題
在/config/index.js裡的proxytable, 現在最新的vue-cli不需要特意安裝外掛程式了 直接修改這個檔案即可
proxytable:
}}
在請求之前拼接位址
const root = process.env
.api_root;
npm run devdev.env.js裡的api_root
npm run buildprod.env.js裡的api_root
在每個請求的地方
root+'/getlist'***.vue檔案內
const root = process.env.api_root;
然後使用root+'/getlist'
可以在入口vue檔案內log一下測試
const root = process.env.api_root;
// 然後在created(){}, 這個函式內列印一下root 如果是你設定的 就說明設定成功
vue設定全域性訪問介面API位址
在使用vue框架進行前後端分離專案開發時，通常涉及到與後段介面進行互動，平時一般使用比較多的就是用axios來實現呼叫後段介面，寫法一般為 但是有乙個比較普遍的問題就是，假如我們後端介面位址改變了，或者是網路位址發生了變化，就需要在上面ip以及埠的位置每一處都需要修改，所以我們需要乙個一處設定 處處...
vue封裝api介面
在沒有封裝api之前，我們是類似這樣使用 axios 的 this.axios.post blogarticle frontlist parms then resp 封裝之後這樣呼叫 userlist parms then resp 我們先不看具體是怎麼封裝的，但看使用，發現好像寫的 一樣多呢。等你...
API 介面開發規範
api與使用者的通訊協議，總是使用https協議，確保互動資料的傳輸安全。應該盡量將api部署在專用網域名稱之下。如果確定api很簡單，不會有進一步擴充套件，可以考慮放在主網域名稱下。應該將api的版本號放入url。v 另一種做法是，將版本號放在http頭資訊中，但不如放入url方便和直觀。gith...