1.建立vue腳手架
2.引入axios
1.axios的封裝npm install axios 注:在main.js引入
我會在專案的src目錄中,新建乙個request資料夾,然後在裡面新建乙個http.js和乙個api.js檔案。http.js檔案用來封裝我們的axios,api.js用來統一管理我們的介面。
3.import axios from 'axios'; import qs from 'qs'; // 使用element-ui message做訊息提醒 import from 'element-ui'; import store from '../store/index'
// 請求超時時間
axios.defaults.timeout = 10000;
// post請求頭
// 請求***
axios.interceptors.request.use(
config => ,
error => )
// 響應***
axios.interceptors.response.use(
response => else
}, // 伺服器狀態碼不是200的情況
error =>
});break;
// 403 token過期
// 登入過期對使用者進行提示
// 清除本地token和清空vuex中token物件
// 跳轉登入頁面
case 403:
toast();
// 清除token
localstorage.removeitem('token');
store.commit('loginsuccess', null);
// 跳轉登入頁面,並將要瀏覽的頁面fullpath傳過去,登入成功後跳轉需要訪問的頁面
settimeout(() =>
});}, 1000);
break;
// 404請求不存在
case 404:
toast();
break;
// 其他錯誤,直接丟擲錯誤提示
default:
toast();
}return promise.reject(error.response);
} });
然後會遇到跨域的問題:一般用的都是vue的反向**
proxytable:
}},
VUE使用ckeditor的方法步驟
在開發 專案的時候,要用到乙個富文字編輯器,都說tinymce編輯器好用,但是安裝了幾次,不是語言包的錯誤,就是 的錯誤,好不容易解決了,有顯示不出來,還布局出問題,折騰了一天多,就果斷放棄,使用ckeditor富文字編輯器,十分鐘就搞定,沒有太多的坑,推薦使用。具體使用方法 官網 1 安裝 有四種...
vue使用環境安裝步驟
安裝完成檢視node安裝是否正常,win r輸入cmd執行 node v 和npm v 我這裡node是12.13.1 npm是6.12.1 檢測環境命令 node v npm v 安裝正常輸入命令結果如下 3.上述步驟完成後安裝vue,在cmd中直接使用npm命令來安裝的一些工具的話會比較慢,所以...
Vue建立步驟
最近開始學習vue,順便記錄一下使用的步驟心得 第一步 切換映象源,使用npm的映象源太慢了在此處切換為 映象源 npm install g cnpm registry 第二布 建立專案資料夾,並cd到該資料夾,安裝vue腳手架,vue cli npm install g vue cli g代表全域...