vue3.0+以后使用axios請求本地數據有所變化


vue3.0和4.0腳手架中和src同級別的static文件夾變成了public-里面還是放靜態資源包括最后打包后index.html:

2.0請求本地文件只需要this.$http.get('../static/you.json')即可獲取到數據,但是3.0以后再同樣寫后端就會報404找不到文件的錯誤,改成this.$http.get('../public/you.json')也一樣

解決方法很簡單,只需要去掉../public即可:this.$http.get('/you.json')

比如:

            getAcountList(){
                // let url = '../../public/api/activeList.json'//vue3.0+請求本地json數據,記得把**…/public**去掉。
                let url = '/api/activeList.json'//vue3.0以后,靜態文件static文件夾的路徑存放改為public文件夾,包括json數據。
                this.$http.get(url).then(res=>{
                    console.log(res)
                })
            }

本地數據成功請求到了

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM