之前的接口不能用了,临时找了个聚合的接口,发现一直调用不出来,试了好久好久,自我怀疑,自我否定又走一波,最后发现是跨域问题,问了朋友最后弄好了,把自己的一知半解写下来吧,防止以后遗忘。
在config.js文件下写下面的代码(没有config.js找vue.config.js也行)
module.exports = {
publicPath:'',
devServer: {
// 解决跨域问题
proxy:{
'/api': {
target: 'http://v.juhe.cn/toutiao/index',
pathRewrite:{
'^/api':'' //api前面的内容为空
}
}
}
}
}
main.js中之前的缩写要关掉
// 引入接口方法
import axios from 'axios'
Vue.prototype.axios=axios
// 接口缩写
// axios.defaults.baseURL='/api'
最后应用如下
// 引入接口方法
import axios from 'axios'
Vue.prototype.axios=axios
// 接口缩写
// axios.defaults.baseURL='/api'
时间关系,先写这么多