Vue中使用本地json数据

项目中有有一个地区接口,服务器原因请求速度很慢很慢,于是考虑将地区接口的数据设置为本地的json文件。大大提升请求速度

一、首先创建一个json文件,将数据放进去,一定要确保格式正确我的是这样的,把json文件放在static文件夹下,(放到static文件夹下

二、像使用axios一样去调用json文件

三,调用json文件如下操作,其中注意我用的是/绝对路径,不用写什么localhost,最后部署到服务器上还是要这个绝对路径

 mounted(){
    this.getGoodsList()
  },
  methods: {
    getGoodsList () {
            this.$axios.get('static/adress.json').then((res) => {
                
              console.log(res)
            })
    },
}
posted @ 2020-01-15 10:06  阿蒙不萌  阅读(5006)  评论(2编辑  收藏  举报