(近期公司用Vue开发后台管理系统,顺便做一些Vue方面的记录,本人菜鸟一枚 希望大家多多指正;)
众所周知,前端开发中“数据模拟”是很重要的,今天探讨一下关于Vue加载本地json报404错误的解决方案!
Vue-cli3.x中删除了static、 vue.config.js 等,个人感觉cli2.x和cli3.x改动还是特别大的,3.x中加载本地json只需要把json数据放在public文件中即可,不需要再次新建static文件!
直接在public文件目录引入json数据
![](https://i-blog.csdnimg.cn/blog_migrate/41a5ebd62ac0df68c7a6d17be5ebcb30.png)
url中需要使用localhost://端口号 替换public绝对路径,![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/72234262eec96c63c2de890170319f84.png)
至此,问题解决!
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/5d5771b2b9b220de47c21686538bf8c9.png)