vue中解决跨域问题
之前的接口不能用了,临时找了个聚合的接口,发现一直调用不出来,试了好久好久,自我怀疑,自我否定又走一波,最后发现是跨域问题,问了朋友最后弄好了,把自己的一知半解写下来吧,防止以后遗忘。
在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'
时间关系,先写这么多
本文作者:张尊娟
本文链接:https://www.cnblogs.com/wszzj/p/12912513.html
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步