axios 和 vue-axios
1.main.js 全局引入
1 2 3 4 5 6 7 | /** * 引入 axios 数据请求方式 * axios 和 VueAxios 必须同时注入 */ import axios from 'axios' import VueAxios from 'vue-axios' Vue.use(VueAxios, axios) |
2.代理 proxyTable
完整接口
1 | https: //h5.manhua.163.com/category/1004.json?page=1 |
设置代理 config/index.js
1 2 3 4 5 6 7 8 9 10 11 | // 设置代理,解决跨域问题 proxyTable: { '/api' : { target: 'https://h5.manhua.163.com/' , // 接口的域名 secure: false , // 如果是https接口,需要配置这个参数 changeOrigin: true , // 如果接口跨域,需要进行这个参数配置 pathRewrite: { '^/api' : '' } } }, |
3.页面调用
get 方式
1 2 3 4 5 6 7 8 9 | this .axios.get( 'category/1004.json' ,{ params:{ page: 1 } }).then((response) => { console.log(response.data.data.books); }). catch ((err) => { // }) |
post 方式
1 2 3 4 5 6 7 8 9 | this .axios.post( 'category/1004.json' ,{ page: 1 },{ headers: { 'Content-Type' : 'application/x-www-form-urlencoded' } }).then((response) => { console.log(response); }). catch ((err) => { console.log(err); }) |
.
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· 新年开篇:在本地部署DeepSeek大模型实现联网增强的AI应用
· Janus Pro:DeepSeek 开源革新,多模态 AI 的未来
· 互联网不景气了那就玩玩嵌入式吧,用纯.NET开发并制作一个智能桌面机器人(三):用.NET IoT库
· 【非技术】说说2024年我都干了些啥
2017-09-08 react-navigation