vue的使用步驟

2021-10-11 09:15:08 字數 1327 閱讀 3606

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代表全域...