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