您现在的位置是:首页>文章详情

烛龙博客|编程经验【vue-cli和axios引入本地json】

admin2020-06-20编程经验

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

通过axios引入本地json

(1) 下载axios

 npm i axios -d

(2) 在main.js中引入axios

// Axios
import vueAxios from 'vue-axios'
import axios from 'axios'
Vue.prototype.$axios = axios  //全局注册,使用方法为:this.$axios
Vue.use(vueAxios, axios)

(3) 在需要获取json数据的vue文件中

this.$axios({
		method:"get",//不能POST否则会报404
		url:"/data/item.json",
		}).then(function(msg){
			 console.log(msg);
		})

编程经验

后端技术

旅行相册

常用工具

影视推荐

前端技术

网站源码

QQ技术教程

破解软件

人生杂记

服务器技术

编程笔记