axios遇到的坑

axios 可以使用一个config.js 配置文件来管理它的请求信息。具体配置不细说，使用如下。

 

一，使用配置方式

GET方法： let promise = axios.get(url, config).then(...).catch((error) => {...}) ;

POST方法： let promise = axios.post(url, data, config).then(...).catch((error) => {...})

 

注：axios发送请求后返回Promise 对象。

 

二，配置方面

在axios的配置文件config中配置method 

若配置成post，则使用axios.get方法发送失败

若配置成get,则使用axios.post发送失败

 

方案：配置了什么方法则调用对应的方法请求

 

三，axios不能发送同步消息，只能通过jquery 或者zepto来实现。

 

四，vue 中引入 zepto

1、安装zepto：npm install zepto --dev-save

2、安装辅助插件库：

npm i -D script-loader exports-loader

3、webpack 配置

module: {

  loaders: [{

      test: require.resolve('zepto'),

      loader: 'exports-loader?window.Zepto!script-loader'

    }]

  }

4、直接引入 import $ from 'zepto'

 

五，vue 中引入jquery

1、webpack配置的修改：

在webpack.bask.config.js 中引入webpack，即const webpack = require("webpack");

增加插件选项：

plugins: [

  new webpack.optimize.CommonsChunkPlugin('common.js'),

  new webpack.ProvidePlugin({

    jquery: "jquery"

  })

2、安装jquery：npm install jquery --save-dev

3、直接引入：import Jquery from 'jquery'