axios在vue中配置,引入一些工具

 

axios中的qs

首先qs是一个npm仓库所管理的包,可通过npm install qs命令进行安装.
地址: https://www.npmjs.com/package/qs
qs.parse()、qs.stringify()

 

1.qs.parse()将URL解析成对象的形式

const Qs = require('qs');
let url = 'method=query_sql_dataset_data&projectId=85&appToken=7d22e38e-5717-11e7-907b-a6006ad3dba0';
Qs.parse(url);
console.log(Qs.parse(url));

2.qs.stringify()将对象 序列化成URL的形式，以&进行拼接

const Qs = require('qs');
let obj= {
     method: "query_sql_dataset_data",
     projectId: "85",
     appToken: "7d22e38e-5717-11e7-907b-a6006ad3dba0",
     datasetId: " 12564701"
   };
Qs.stringify(obj);
console.log(Qs.stringify(obj));

random.js

一款随机数字生成JS插件

 

ie-9以下ajax无法跨域的问题

jQuery.support.cors = true

 

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

interfaceURL.js      interfaceURL:意思是接口

const UrlConfig = {}

const url = 'slpsit.cnsuning.com' // 'slppre.cnsuning.com' // '10.19.50.126' //  10.19.50.234

const base = process.env.NODE_ENV === 'production' ? `${document.location.protocol}//${window.location.host}` : `https://${url}`

UrlConfig.Common = {

  baseUrl: base,

  getAreaData: '/ttShop/getAreaData.action', // 获取地域信息

  wapUploadPic: '/logisticsWap/wapUploadPic.action', // 上传图片

  getImgUrl: '/rest/getImgUrl.action',

  contrabandUrl: '/home/contraband.htm'

}

UrlConfig.Home = {}

......

export default UrlConfig

 

---------------------

http.js

import axios from 'axios'

import qs from 'qs'

import url from './interfaceURL.js'

import { Loading } from 'element-ui'

import _ from 'lodash'