關(guān)于vue3.0使用axios報(bào)錯(cuò)問題
vue-cli3.0使用axios的時(shí)候出現(xiàn)錯(cuò)誤，記錄一下
報(bào)錯(cuò)信息：
Uncaught TypeError: Cannot set property $axios of #<Vue> which has only a getter
at eval (main.js?56d7:12)
at Module../src/main.js (app.js:11102)
at __webpack_require__ (app.js:724)
at fn (app.js:101)
at Object.0 (app.js:11283)
at __webpack_require__ (app.js:724)
at app.js:791
at app.js:794
vue-cli3.0安裝插件的時(shí)候要注意區(qū)分vue-cli2.0的命令
安裝：
//vue-cli2.0命令 $ npm install axios //vue-cli3.0命令 $ npm add axios
使用：
1.首先在main.js里邊把a(bǔ)xios實(shí)例掛載到Vue原型上
坑點(diǎn): 命名的時(shí)候不能使用"axios"這個(gè)字段
import axios from 'axios'
Vue.prototype.$ajax = axios
2.在需要發(fā)送請(qǐng)求的地方使用"$ajax"
this.axioss.get('/api/seller')
.then(function(res){
console.log(res);
this.seller = res.data;
})
.catch(function(error){
console.log(error);
})到此這篇關(guān)于vue3.0使用axios報(bào)錯(cuò)問題記錄的文章就介紹到這了,更多相關(guān)vue3.0使用axios報(bào)錯(cuò)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
- vue3使用axios并封裝axios請(qǐng)求的詳細(xì)步驟
- Vue3 axios配置以及cookie的使用方法實(shí)例演示
- 前端vue3使用axios調(diào)用后端接口的實(shí)現(xiàn)方法
- Vue3在Setup中使用axios請(qǐng)求獲取的值方式
- Vue3如何使用axios發(fā)起網(wǎng)絡(luò)請(qǐng)求
- 關(guān)于Vue3使用axios的配置教程詳解
- Vue3中使用typescript封裝axios的實(shí)例詳解
- 使用vue3.x+vite+element-ui+vue-router+vuex+axios搭建項(xiàng)目
- vue3 axios安裝及使用示例詳解
相關(guān)文章
vuejs2.0子組件改變父組件的數(shù)據(jù)實(shí)例
本篇文章主要介紹了vuejs2.0子組件改變父組件的數(shù)據(jù)實(shí)例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-05-05
.native主要是給自定義的組件添加原生事件，可以理解為該修飾符的作用就是把一個(gè)vue組件轉(zhuǎn)化為一個(gè)普通的HTML標(biāo)簽，并且該修飾符對(duì)普通HTML標(biāo)簽是沒有任何作用的，這篇文章主要介紹了vue?事件中的?.native你搞清楚了嗎,需要的朋友可以參考下2023-02-02
這篇文章主要介紹了Vue自定義部分頁面顯示導(dǎo)航欄,在設(shè)計(jì)導(dǎo)航欄的時(shí)候，考慮到登錄之前不能瀏覽該網(wǎng)站，所以需要在登錄頁和注冊(cè)頁不能出現(xiàn)導(dǎo)航欄，登錄后的頁面才能出現(xiàn)導(dǎo)航欄，本文給大家解決這個(gè)問題，感興趣的朋友跟隨小編一起看看吧2022-10-10
vue2實(shí)現(xiàn)移動(dòng)端上傳、預(yù)覽、壓縮圖片解決拍照旋轉(zhuǎn)問題
這篇文章主要介紹了vue2實(shí)現(xiàn)移動(dòng)端上傳、預(yù)覽、壓縮圖片解決拍照旋轉(zhuǎn)問題,需要的朋友可以參考下2017-04-04
vue中echarts點(diǎn)擊事件點(diǎn)擊一次多次觸發(fā)問題
這篇文章主要介紹了vue中echarts點(diǎn)擊事件點(diǎn)擊一次多次觸發(fā)問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-06-06
element-ui表格合并span-method的實(shí)現(xiàn)方法
這篇文章主要介紹了element-ui表格合并span-method的實(shí)現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
vue3 Vite 進(jìn)階rollup命令行使用詳解
這篇文章主要介紹了vue3 Vite 進(jìn)階rollup命令行使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
這篇文章主要介紹了VUE3子表格嵌套分頁查詢互相干擾的問題解決方案,如果不需要做子表格的分頁查詢，那么可以直接在主表格中嵌套子表格，本文給大家介紹兩種方式，需要的朋友可以參考下2024-01-01
vue實(shí)現(xiàn)會(huì)議室拖拽布局排座功能
vue-draggable-resizable-gorkys是一更強(qiáng)大的拖拽組件,可以隨意拖拽,有點(diǎn)坐標(biāo),會(huì)議室拖拽布局排座是vue-draggable結(jié)合vue-draggable-resizable-gorkys進(jìn)行開發(fā)的,本文重點(diǎn)給大家介紹vue實(shí)現(xiàn)會(huì)議室拖拽布局排座,感興趣的朋友一起看看吧2023-11-11
本篇文章主要介紹了vue-scroller記錄滾動(dòng)位置的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01