27.Vue中的常用ajax库有哪些及ajax跨域问题解决

1.Vue项目常用的2个Ajax库

（1）axios

        通用的Ajax请求库，官方推荐，使用广泛

（2）vue-resource

        vue插件库，vue1.x使用广泛，官方已不再维护

2.解决开发环境Ajax跨域问题

配置代理服务器

module.exports = {
  pages: {
    index: {
      //入口
      entry: 'src/main.js',
    },
  },
	lintOnSave:false, //关闭语法检查
	//开启代理服务器（方式一）
	/* devServer: {
    proxy: 'http://localhost:5000'
  }, */
	//开启代理服务器（方式二）
	devServer: {
    proxy: {
      '/atguigu': {
        target: 'http://localhost:5000',
				pathRewrite:{'^/atguigu':''},
        // ws: true, //用于支持websocket
        // changeOrigin: true //用于控制请求头中的host值
      },
      '/demo': {
        target: 'http://localhost:5001',
				pathRewrite:{'^/demo':''},
        // ws: true, //用于支持websocket
        // changeOrigin: true //用于控制请求头中的host值
      }
    }
  }
}

安装了axios后的调用，这里实际开启了一个简单的node服务，端口号为3000，会存在跨域问题，通过配置代理服务器解决开发环境的跨域问题

vue-resource的使用：

先下载vue-resource：npm install vue-resource

再到main.js文件中应用vue-resource插件：Vue.use("vueResource")

然后就可以直接使用了，如下（举个例子，代码截取部分）：

过多细节不再赘述，自己看axios官方文档，vue-resource文档