Vue(三) axios配置与使用

一、npm 安装 axios

npm install --save axios vue-axios

二、main.js文件导入axios依赖包

 axios依赖包的使用手册

#导入第三方依赖包
import axios from 'axios';
import VueAxios from 'vue-axios';

#vue2写法
Vue.use(VueAxios, axios)
// 配置请求基础路径(api的url)
axios.defaults.baseURL = 'http://api.com/'

#vue3写法
const app = Vue.createApp(App)
app.use(VueAxios, axios)
app.provide('axios', app.config.globalProperties.axios)  // provide 'axios'

三、设置前端代理

        vue.config.js文件

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  //代理
  devServer: {
    proxy: {
      "/api": {
        target: "http://api.com",
        changeOrigin: true,