本例用的是vuecli4,json等静态资源存放在public文件夹中
返回404
this.axios.get('public/redeme.json').then((res) => { console.log(res.data) })
其实vue从代码到界面展示还要经过编译,所以路径会有所改变
实际路径可以先打包一下,我是这么找到json的路径的
打包后的文件目录如下
所以我把路径改成:
this.axios.get('./redeme.json').then((res) => { console.log(res.data) })
获取成功:
在不通过接口文件的情况下,如何使用axios呢?
在组件中调用axios,没必要一定在接口文件中设置,你可以选择在入口文件中设置基础访问路径,在组件中通过this.axios这个方法发送异步请求即可。
项目要求:所有api的域名为:http://www.escook.cn:3000 如果后面文档中,有的域名地址和这里不一样,以这里的为主;
请求接口:/api/getnewslist
请求方式:get
具体代码如下:
import axios from 'axios'; axios.defaults.baseURL='http://www.escook.cn:3000 ' Vue.prototype.axios=axios
created () { this.axios.get('/api/getnewslist').then(res=>{ console.log(res) this.newList=res.data.message }) }
注意:this指代vue,要在axios前加上this
以上为个人经验,希望能给大家一个参考,也希望大家多多支持源码搜藏网。
【JQ】无限滚动条-jquery.infinitescroll.j
query多选下拉框插件 jquery-multiselect(
手机站jQuery自动完成插件autoComplete.js
热门源码