axios常用封裝以及導入模塊遇到的問題

axios常用封裝以及導入模塊遇到的問題

axios封裝

//post請求封裝，其中url爲請求路徑，params爲請求數據
export function post(url, params) {
    return new Promise((resolve, reject) => {
        axios.post(url, {data:params})
            .then(resp => {
                resolve(resp);
            })
            .catch(error => {
                reject(error);
            })
    })
}
//get請求封裝，其中url爲請求路徑，params爲請求數據
export function get(url,params) {
    return new Promise((resolve, reject) => {
        axios.get(url, {params: params})
            .then(resp => {
                resolve(resp);
            })
            .catch(error => {
                reject(error);
            })
    })
}

在引入封裝的模塊文件時，遇到使用import報錯

解決方法：通過設置script標籤的屬性 type=module解決