axios的使用/

安装 axios，  在项目 根目录 ，运行命令

cnpm  install  --save axios

　　安装 qs, 在项目 根目录 ，运行命令

cnpm  install  qs

　　在项目根目录下创建一个 vue.config.js 文件， 并输入以下内容，注意写对来。

module.exports = {
    publicPath:'./',//相对路径
    outputDir:'./dist',//构建资源目录
    productionSourceMap:false,
    lintOnSave:false,//是否开启eslint检测
    devServer: {
      http:false,//http：{type:Boolean}
      open:false,//配置是否自动启动浏览器
      // 端口号
      port: 8080,
      // 配置不同的后台API地址
      proxy: {
        '/api': {
          target: '',
          ws: true,
          changeOrigin: true,
          pathRewrite: {
            '^/api': ''
          }
        }
      }
    }
  }
  

　　

在项目根目录下的src文件夹下的 main.js 中 写入，以下内容

import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router'
import router from './router/router.js';


import Axios from 'axios'
import qs from 'qs'
 
Vue.prototype.$axios=Axios
Axios.defaults.withCredentials = true
Vue.use(VueRouter);
 
Vue.config.productionTip = false
 
new Vue({
  el:'#app',
  router,
  render: h => h(App),
}).$mount('#app')