axios的使用.md

最新推荐文章于 2023-09-25 08:31:46 发布

Markov Zheng

最新推荐文章于 2023-09-25 08:31:46 发布

阅读量872

点赞数

CC 4.0 BY-SA版权

分类专栏：网络学习日志 JavaScript 前端面试题整理 vue 文章标签： axios vue

本文链接：https://blog.youkuaiyun.com/marko_zheng/article/details/82764982

网络学习日志同时被 3 个专栏收录

111 篇文章

订阅专栏

JavaScript

49 篇文章

订阅专栏

前端面试题整理

32 篇文章

订阅专栏

本文介绍如何在Vue项目中使用Axios进行跨域请求配置及实现登录功能。通过引入Axios并设置代理，实现前后端分离开发。具体示例展示了如何发送POST请求并处理响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

axios的使用

在本次的项目中使用Vue构建的项目需要向后台发起请求，Vue本身并不支持发起请求，需要使用vue-sour或者axios等插件，在新版本中对vue-souurce的支持并不友好，我在这里使用了axios，引入的方式有多重，这里只记录通过标签对侵入的方式

引入
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

配置跨域

 proxyTable: {
        '/ajax': {
        target: 'http://cgqsrs.server.com/Duse.aspx',
            changeOrigin: true,
            pathRewrite: {
                '^/ajax': ''
            }
        }
    },

在组件中使用

axios.post('/ajax/Login', {
                    uname:'test',
                    pass:"1",
                    vcode:"asdf"
                })
                    .then(function (response) {
                        console.log(response);
                    })
                    .catch(function (error) {
                        console.log(error);
                    });