關(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)文章
vue2.0/3.0的響應(yīng)式原理及區(qū)別淺析
這篇文章主要給大家介紹了關(guān)于vue2.0/3.0響應(yīng)式原理及區(qū)別的相關(guān)資料,文中通過圖文介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05vue使用jsencrypt實(shí)現(xiàn)rsa前端加密的操作代碼
這篇文章主要介紹了vue使用jsencrypt實(shí)現(xiàn)rsa前端加密,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-09-09vue+springboot前后端分離實(shí)現(xiàn)單點(diǎn)登錄跨域問題解決方法
這篇文章主要介紹了vue+springboot前后端分離實(shí)現(xiàn)單點(diǎn)登錄跨域問題的解決方法,需要的朋友可以參考下2018-01-01vuejs數(shù)據(jù)超出單行顯示更多,點(diǎn)擊展開剩余數(shù)據(jù)實(shí)例
這篇文章主要介紹了vuejs數(shù)據(jù)超出單行顯示更多,點(diǎn)擊展開剩余數(shù)據(jù),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05