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' 
 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM