VUE脚手架axios中 跨域 实例 并发 全局 拦截

VUE脚手架axios官方网址：

https://www.kancloud.cn/yunye/axios/234845

需要在文档安装 npm install axios 才能使用 axios

1.并发请求：

2.跨域 实例 全局 拦截：

跨域：建立一个简单的js文档：

let http = require('http')

http.createServer((req,res)=>{

    /* 这句话是允许跨域用的 */

    // res.setHeader('Access-Control-Allow-Origin','*')

    /* 下面是后端返回的结果 */

    res.end('yousuccess')

    /* 3000是端口 */

}).listen(3000,function(){

    console.log('server start...')

})

在vue.config.js文件中配置一下：

const { defineConfig } = require('@vue/cli-service')

module.exports = defineConfig({

  transpileDependencies: true,

  devServer: {

    proxy: {

      '/api': {

        target: 'http://localhost:3000/'

      }

    }

  }

})

主文件App.vue：

也可以在main.js文件中设置全局axios：

import Vue from 'vue'

import App from './App.vue'

import axios from 'axios'

Vue.config.productionTip = false

/* 在入口main.js文件导入axios

   并挂载到Vue构造函数的原型下 目的在供所有Vue组件使用

    这样写就不用每个vue页面都导入axios */

    Vue.prototype.$axios = axios;

new Vue({

  render: h => h(App),

}).$mount('#app')