vue axios的使用

• Z时代
• 2024-01-10
• 分类：综合

axios的使用:

   1. 在main.js中引入axios模块，并将axios添加到Vue类型的原型对象中:

      //ES6引入模块

  import axios from 'axios'

      //相当于const axios=require("axios")

      Vue.prototype.axios=axios;

   2. 坑: axios请求默认不带cookie！导致无法使用服务器端session。

      解决: 配置axios，让其携带cookie:

      axios.defaults.withCredentials=true

   3. 坑: 如果服务端采用CORS跨域，默认无法接受验证信息的

      服务端:

       安装cors模块：npm i -save cors

       express主模块app.js中，配置cors中间件，允许接受身份认证信息：

       app.use(cors({

         origin:'http://localhost:8080',

         credentials:true

       }))

    4. 调用axios发送请求:

     在任意.vue中:

      this.axios.get/post( ... )

以上是 vue axios的使用 的全部内容， 来源链接： utcz.com/z/379028.html