结合vue-cli 4.0和axios引入本地json

vue-cli 4.0 通过axios引入本地json

与以往不一样的是，vue-cli 4.0中默认向外暴露的文件夹是public(以往是static)，即想引入本地json应将该json文件放在public文件下。

---

通过axios引入本地json
(1) 下载axios
      - npm i axios -d
(2) 在main.js中引入axios
      - import Vue from ‘vue’
      - import axios from ‘axios’
      - Vue.prototype.axios = axios
(3) 在需要获取json数据的vue文件中

<script>
	export default {
		mounted () {
			this.axios.get('/json/test.json').then((res) => { // 只要是放在public文件夹下的json文件都可以不修改配置直接引入
				console.log(res)
				// 在这里操作你获得的json数据
			})
		}
	}
</script>