51-VUE_Rebuild-2

拥抱自由煮意拥抱文明

于 2019-08-03 15:52:06 发布

阅读量278

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/javabcdef/article/details/98344097

版权

本文介绍了如何在Vue中设置全局变量，通过Vue.prototype进行扩展。同时，详细讲解了如何封装Ajax请求，创建axios的GET/POST接口。此外，文章讨论了Vuex的使用，遵循最佳实践将API调用整合到actions中，强调了actions中参数的实际用途。还提到了Vue中处理图片点击事件的技巧，如添加时间戳防止缓存。最后，提及了登录验证中的图形验证码实现，包括服务器端session的校验和过期时间管理。

摘要由CSDN通过智能技术生成

1.vue设置全局变量

新建一个Global.vue，然后引入到Main.js，用的是Vue.protoype.自定义的name，然后在其他的vue里面就可以直接用了

2.封装ajax

①新建一个api的dir里面放ajax.js和一个config.js

②进入axios

③写一个类似java里面的用接口搞的一套GET/POST的http请求以及回调

import axios from 'axios'

export default function ajax(url, data = {}, type = 'GET') {
  return new Promise(function (resolve, reject) {
    let promise
    if (type === 'GET') {
      let dataStr = ''
      Object.keys(data).forEach(key => {
        dataStr += key + '=' + data[key] + '&'
      })
      if (dataStr !== '') {
        dataStr = dataStr.substring(0, dataStr.lastIndexOf('&'))
        url = url + '?' + dataStr
      }
      promise = axios.get(url)
    } else {
      promise = axios.post(url)
    }
    promise.then(function (response) {
      re