vue cli3.0使用axios跨域请求

最新推荐文章于 2024-07-03 08:00:00 发布

前端小李

最新推荐文章于 2024-07-03 08:00:00 发布

阅读量902

点赞数

分类专栏： axios vue

本文链接：https://blog.csdn.net/qq_43287934/article/details/104982892

版权

vue 同时被 2 个专栏收录

26 篇文章 2 订阅

订阅专栏

axios

2 篇文章 0 订阅

订阅专栏

1.下载依赖

vue add axios

2.根目录下新建vue.config.js 配置跨域代理

在这里插入图片描述

  proxy: {
            '/api': {
                target: 'https://yg.icbcyct.com/',//对应自己的接口
                changeOrigin: true,
                ws: true,
                pathRewrite: {
                  '^/api': '/'
                }
              }
        }

3.main.js中引入axios

在这里插入图片描述

import axios from 'axios'
axios.defaults.timeout = 5000 // 请求超时
axios.defaults.baseURL = '/api/'  // api 即上面 vue.config.js 中配置的地址
Object.defineProperty(Vue.prototype, '$http', {
  value: axios
})

4.相应组件发送请求

在这里插入图片描述