在平时项目开发中，有时后台接口跟不上前台开发的进度时，需要我们自己写先写本地的json文件，这样我们可以把静态界面和逻辑一起调试了，等后台来了接口，替换请求地址即可。但是在vue的项目中，网路请求不是ajax而是vue-resource了。但是现在vue，推荐使用vue-axios。
那么请求本地json文件，请求路径怎么写呢？
项目结构：
这里写图片描述
json文件在static目录下面。
项目下载地址：请点击我。
在调用的.vue文件中我们这么使用：

this.$http.get('../../../static/china.json').then((response) => {
    // 响应成功回调
    alert(response.data);
 }, (response) => {
   // 响应错误回调
   alert('服务器请求失败');
});

这里只需要注意本地json文件在static目录里面。

# ajax # json
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue