vue使用axios 遇到的坑

àì夳堔傛蜴生んèń 2022-03-28 09:46 394阅读 0赞

**起步:**  
配置axios

*  在main.js文件中

import axios from 'axios'
    Vue.prototype.$http = axios

*  在config/index.js

proxyTable: {
          '/api':{
              target:'http://QuanDD.com',  //一定要加上http://  (不然域名回事你前端项目的域名)
              changeOrigin:true  //允许跨域,
              pathRewrite: {
    				'^/list': '' //这里用'/list'代替target里面的地址,后面的组建中直接使用list代替
    			}
          }

> 注意配置index.js的时候会遇到  
> proxyTable一系列问题问题已经卸载注释里面,还有一个坑就是配置完proxyTable之后不起作用,有以下解决办法:
> 
> 1.  proxTabtle 配置错误，比如：pathRewrite中配置 和自己网络请求中url写法不匹配
> 2.  电脑开着全局代理翻墙
> 3.  删掉node\_modules 目录，重新 npm install 安装
> 4.  重启电脑

*  在组件中使用

this.$http.get('/api/v1/listA', {
                        "op": "update_card_num",
                    })
                        .then(response=> {
                            //如果接口走成功就执行这里
                            console.log(852)
    
                        }).catch(function (error) {
                        //接口失败，也就是state不是200的时候，走这里
                        console.log(96)
                    });

发表评论取消回复

表情：

评论列表（有 0 条评论，394人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue axios的使用

<template> <div> <div v-if="!repositoryUrl">loading...</div>

忘是亡心i/ 2024年03月03日 06:55/ 0 赞/ 59 阅读

相关 vue中使用keepAlive组件缓存遇到的坑

项目开发中在用户由分类页category进入detail需保存用户状态，查阅了Vue官网后，发现vue2.0提供了一个keep-alive组件。上一篇讲了keep-aliv

Myth丶恋晨/ 2023年08月17日 17:38/ 0 赞/ 95 阅读

相关使用webScoket遇到的坑

在使用webScoket遇到个这个问题：![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9n

淡淡的烟草味﹌/ 2023年06月11日 03:28/ 0 赞/ 5 阅读

相关 VUE使用axios

1，npm一下 npm install vue-axios --save npm install qs.js --save　　//这一步可以先忽略，它的作用是

雨点打透心脏的1/2处/ 2022年12月12日 13:53/ 0 赞/ 132 阅读

相关 vue踩坑系列之axios

最近的项目是用vue开发的在开发过程中与后端交互使用的是axios 但是post提交后端总是获取不到值用接口测试器测试没问题后来才知道是有格式问题axios默认发送的是R

灰太狼/ 2022年10月01日 07:57/ 0 赞/ 179 阅读

相关 Vue-cli+ssm框架 axios跨域请求的问题！以及遇到的各种坑！

解决这个问题的过程还是比较曲折的，花了我一天的时间。昨天在看vue.js框架的文档，准备实现下利用vue-cli和ssm实现前后端分离技术。 vue-cli 利用node

我不是女神ヾ/ 2022年05月23日 12:23/ 0 赞/ 283 阅读

相关 axios + webpack + vue。 axios基本使用

目的：在wepack+vue 项目中使用 axios 第一步：安装 cnpm i axios -S 第二步：导入 2-1导入：import axi

Dear 丶/ 2022年05月14日 09:20/ 0 赞/ 279 阅读

相关 vue cli+axios踩坑记录+拦截器使用

1、首先axios不支持vue.use()方式声明使用，看了所有近乎相同的axios文档都没有提到这一点建议方式在main.js中如下声明使用 im

Love The Way You Lie/ 2022年05月13日 18:07/ 0 赞/ 157 阅读

相关 vue.js axios的使用

首先安装：npm install axios --save vue源码： <script> import axios from '@/axios'

怼烎@/ 2022年04月25日 02:26/ 0 赞/ 219 阅读

相关 vue使用axios 遇到的坑

起步: 配置axios 在main.js文件中 import axios from 'axios' Vue.prototype.$http = a

àì夳堔傛蜴生んèń/ 2022年03月28日 09:46/ 0 赞/ 395 阅读