4. 通过axios实现数据请求

vue.js默认没有提供ajax功能的。

所以使用vue的时候，一般都会使用axios的插件来实现ajax与后端服务器的数据交互。

注意，axios本质上就是javascript的ajax封装，所以会被同源策略限制。

下载地址：

https://unpkg.com/axios@0.18.0/dist/axios.js

https://unpkg.com/axios@0.18.0/dist/axios.min.js

axios提供发送请求的常用方法有两个：axios.get() 和 axios.post() 。

增 post

删 delete

改 put

查 get

    // 发送get请求

    // 参数1: 必填，字符串，请求的数据接口的url地址，例如请求地址：http://www.baidu.com?id=200

    // 参数2：可选，json对象，要提供给数据接口的参数

    // 参数3：可选，json对象，请求头信息

    axios.get('服务器的资源地址',{ // http://www.baidu.com

        params:{

            参数名:'参数值', // id: 200,

        }

    }).then(function (response) { // 请求成功以后的回调函数

            console.log("请求成功");

            console.log(response);

    }).catch(function (error) {   // 请求失败以后的回调函数

            console.log("请求失败");

            console.log(error.response);

    });

get请求

    // 发送post请求，参数和使用和axios.get()一样。

    // 参数1: 必填，字符串，请求的数据接口的url地址

    // 参数2：必填，json对象，要提供给数据接口的参数,如果没有参数，则必须使用{}

    // 参数3：可选，json对象，请求头信息

    axios.post('服务器的资源地址',{

        username: 'xiaoming',

        password: '123456'

    },{

        responseData:"json",

    })

    .then(function (response) { // 请求成功以后的回调函数

      console.log(response);

    })

    .catch(function (error) {   // 请求失败以后的回调函数

      console.log(error);

    });

post请求

4.1.1 json数据的语法

// json数据的对象格式：

{

    "name":"tom",

    "age":18

}

// json数据的数组格式：

["tom",18,"programmer"]

复杂的json格式数据可以包含对象和数组的写法。

{

  "name":"小明",

  "age":200,

  "fav":["code","eat","swim","read"],

  "son":{

    "name":"小小明",

    "age":100,

    "lve":["code","eat"],

  }

}

4.1.2 js中提供的json数据转换方法

方法	参数	返回值	描述
stringify	json对象	字符串	json对象转成字符串
parse	字符串	json对象	字符串格式的json数据转成json对象

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<script>

    // json语法

    let humen = {

        "username":"xiaohui",

        "password":"1234567",

        "age":20

    };

    console.log(humen);

    console.log(typeof humen);

    // JSON对象提供对json格式数据的转换功能

    // stringify(json对象)  # 用于把json转换成字符串

    let result = JSON.stringify(humen);

    console.log(result);

    console.log(typeof result);

    // parse(字符串类型的json数据)  # 用于把字符串转成json对象

    let json_str = '{"password":"1123","age":20,"name":"xiaobai"}';

    console.log(json_str)

    console.log(typeof json_str)

    let json_obj = JSON.parse(json_str);

    console.log(json_obj);

    console.log(typeof json_obj)

    console.log(json_obj.age)

</script>

</body>

</html>

4.2 ajax

ajax，一般中文称之为："阿贾克斯"，是英文 “Async Javascript And Xml”的简写，译作：异步js和xml数据传输数据。

ajax的作用： ajax可以让js代替浏览器向后端程序发送http请求，与后端通信，在用户不知道的情况下操作数据和信息，从而实现页面局部刷新数据/无刷新更新数据。

所以开发中ajax是很常用的技术，主要用于操作后端提供的数据接口，从而实现网站的前后端分离。

ajax技术的原理是实例化js的XMLHttpRequest对象，使用此对象提供的内置方法就可以与后端进行数据通信。

4.2.1 数据接口

数据接口，也叫api接口，表示后端提供操作数据/功能的url地址给客户端使用。

客户端通过发起请求向服务端提供的url地址申请操作数据【操作一般：增删查改】

同时在工作中，大部分数据接口都不是手写，而是通过函数库/框架来生成。

4.2.3 ajax的使用

编写代码获取接口提供的数据：

JQ版

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script src="js/jquery-1.12.4.js"></script>

    <script>

    $(function(){

        $("#btn").on("click",function(){

            $.ajax({

                // 后端程序的url地址

                url: 'http://wthrcdn.etouch.cn/weather_mini',

                // 也可以使用method，提交数据的方式，默认是'GET'，常用的还有'POST'

                type: 'get',

                dataType: 'json',  // 返回的数据格式，常用的有是'json','html',"jsonp"

                data:{ // 设置发送给服务器的数据，如果是get请求，也可以写在url地址的?后面

                    "city":'北京'

                }

            })

            .done(function(resp) {     // 请求成功以后的操作

                console.log(resp);

            })

            .fail(function(error) {    // 请求失败以后的操作

                console.log(error);

            });

        });

    })

    </script>

</head>

<body>

<button id="btn">点击获取数据</button>

</body>

</html>

总结：

1. 发送ajax请求，要通过$.ajax()，参数是对象，里面有固定的参数名称。

   $.ajax({

     "url":"数据接口url地址",

     "method":"http请求方式，前端只支持get和post",

     "dataType":"设置服务器返回的数据格式，常用的json，html，jsonp，默认值就是json",

     // 要发送给后端的数据参数，post时，数据必须写在data，get可以写在data,也可以跟在地址栏?号后面

     "data":{

       "数据名称":"数据值",

     }

   }).then(function(resp){ // ajax请求数据成功时会自动调用then方法的匿名函数

     console.log( resp ); // 服务端返回的数据

   }).fail(function(error){ // ajax请求数据失败时会自动调用fail方法的匿名函数

     console.log( error );

   });

2. ajax的使用往往配合事件/钩子操作进行调用。

4.2.4 同源策略

同源策略，是浏览器为了保护用户信息安全的一种安全机制。

所谓的同源就是指通信的两个地址（例如服务端接口地址与浏览器客户端页面地址）之间比较，是否协议、域名(IP)和端口相同。不同源的客户端脚本[javascript]在没有明确授权的情况下，没有权限读写对方信息。

ajax本质上还是javascript，是运行在浏览器中的脚本语言，所以会被受到浏览器的同源策略所限制。

`tml`	是否同源	原因
http://www.oldboy.cn/user/login.html	是	协议、域名、端口相同
http://www.oldboy.cn/about.html	是	协议、域名、端口相同
https://www.oldboy.cn/user/login.html	否	协议不同 ( https和http )
http:/www.oldboy.cn:5000/user/login.html	否	端口不同( 5000和80)
http://bbs.oldboy.cn/user/login.html	否	域名不同 ( bbs和www )

同源策略针对ajax的拦截，代码：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script src="js/vue.js"></script>

    <script src="js/axios.js"></script>

</head>

<body>

    <div id="app">

        <button @click="get_music">点击获取天气</button>

    </div>

    <script>

        let vm = new Vue({

            el:"#app",

            data:{},

            methods:{

                get_music(){

                    axios.get("http://tingapi.ting.baidu.com/v1/restserver/ting?method=baidu.ting.search.catalogSug&query=我的中国心")

                        .then(response=>{

                            console.log(response);

                        }).catch(error=>{

                            console.log(error.response)

                    });

                }

            }

        })

    </script>

</body>

</html>

上面代码运行错误如下：

Access to XMLHttpRequest at 'http://tingapi.ting.baidu.com/v1/restserver/ting?
method=baidu.ting.search.catalogSug&query=%E6%88%91%E7%9A%84%E4%B8%AD%E5%9B%BD%E5%BF%83' from origin 
'http://localhost:63342' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is 
present on the requested resource.

上面错误，关键词：Access-Control-Allow-Origin

只要出现这个关键词，就是访问受限。出现同源策略的拦截问题。

4.2.5 ajax跨域(跨源)方案之CORS

CORS是一个W3C标准，全称是"跨域资源共享"，它允许浏览器向跨源的后端服务器发出ajax请求，从而克服了AJAX只能同源使用的限制。

实现CORS主要依靠后端服务器中响应数据中设置响应头信息返回的。

django的视图

def post(request):

　　response = new Response()

　　response .set_header("Access-Control-Allow-Origin","*")

　　return response;

// 在响应行信息里面设置以下内容：

Access-Control-Allow-Origin: ajax所在的域名地址

Access-Control-Allow-Origin: www.oldboy.cn  # 表示只允许www.oldboy.cn域名的客户端的ajax跨域访问

// * 表示任意源，表示允许任意源下的客户端的ajax都可以访问当前服务端信息

Access-Control-Allow-Origin: *

同源策略：浏览器的一种保护用户数据的一种安全机制。
浏览器会限制脚本语法不能跨源访问其他源的数据地址。
同源：判断两个通信的地址之间，是否协议，域名[IP]，端口一致。

ajax： http://127.0.0.1/index.html
api数据接口： http://localhost/index

这两个是同源么？不是同源的。是否同源的判断依据不会根据电脑来判断，而是通过协议、域名、端口的字符串是否来判断。

1. ajax默认情况下会受到同源策略的影响，一旦受到影响会报错误如下：
No 'Access-Control-Allow-Origin' header is present on the requested resource

2. 解决ajax只能同源访问数据接口的方式：
　　1. 在服务端的响应行中设置：
　　Access-Control-Allow-Origin: 允许访问的域名地址
　　2. jsonp
　　3. 是否服务端代理
　　　思路：通过python来请求对应的服务器接口，获取到数据以后，

5. 组件化开发

5.1 组件[component]

组件（Component）是自定义封装的功能。在前端开发过程中，经常出现多个网页的功能是重复的，而且很多不同的网站之间，也存在同样的功能。

而在网页中实现一个功能，需要使用html定义功能的内容结构，使用css声明功能的外观样式，还要使用js来定义功能的特效，因此就产生了把一个功能相关的[HTML、css和javascript]代码封装在一起组成一个整体的代码块封装模式，我们称之为“组件”。

所以，组件就是一个html网页中的功能，一般就是一个标签，标签中有自己的html内容结构，css样式和js特效。

这样，前端人员就可以在开发时，只需要书写一次代码，随处引入即可使用。

组件有两种：默认组件[全局组件] 和单文件组件

默认组件：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script src="js/vue.js"></script>

    <style>

    .header{

        width: 100%;

        height: 40px;

    }

    .header ul{

        list-style:none;

        padding:0;

        margin: 0;

        overflow: hidden;

    }

    .header ul li{

        width: 120px;

        height: 40px;

        line-height: 40px;

        text-align: center;

        color: #fff;

        background-color: blue;

        float: left;

        margin-right: 10px;

    }

    </style>

</head>

<body>

    <div id="app">

        <!-- 头部 -->

        <Tou></Tou>   //引用Tou标签

        <!-- 脚部-->

    </div>

    <script>

        // Vue.component("组件名称",组件的相关参数[html,css,js代码]);

        Vue.component("Tou",{    //定义一个Tou标签

            template:`<div class="header">

                        <ul>

                            <li @click="indexHander">{{index}}</li>

                            <li>{{list}}</li>

                        </ul>

                    </div>`,

            data:function(){

                return {

                    index: "首页",

                    list:"列表页"

                }

            },

            methods:{

                indexHander(){

                    alert("跳转到首页");

                }

            }

        });

        let vm = new Vue({

            el:"#app",

            data:{}

        })

    </script>

</body>

</html>

6. Vue自动化工具（Vue-cli）

6.4 使用Vue-CLI初始化创建项目

6.4.1 生成项目目录

// 生成一个基于 webpack 模板的新项目

vue init webpack myproject

// 启动开发服务器 ctrl+c 停止服务

cd myproject

npm run dev # 运行这个命令就可以启动node提供的测试http服务器

访问： http://localhost:8080/

6.4.2 项目目录结构

├── build/

├── config/

├── index.html

├── node_modules/    # 项目运行的依赖库存储目录[非常大]

├── package.json     # 项目运行需要的依赖库记录配置

├── src/

│   ├── App.vue      # 父级组件

│   ├── assets/      # 静态资源目录，图片存放在这里

│   ├── components/  # 单文件组件保存目录

│   └── main.js

└── static/          # 静态资源目录，所有的css,js等文件放在这个目录

src 主开发目录，要开发的单文件组件全部在这个目录下的components目录下

static 静态资源目录，所有的css，js文件放在这个文件夹

dist 项目打包发布文件夹，最后要上线单文件项目文件都在这个文件夹中[后面打包项目,让项目中的vue组件经过编译变成js 代码以后,dist就出现了]

node_modules目录是node的包目录，

config是配置目录，

build是项目打包时依赖的目录

src/router 路由,后面需要我们在使用Router路由的时候,自己声明.

6.4.3 项目执行流程图

7. 单文件组件的使用

组件有两种：普通组件、单文件组件

普通组件的缺点：

html代码是作为js的字符串进行编写，所以组装和开发的时候不易理解，而且没有高亮效果。
普通组件用在小项目中非常合适，但是复杂的大项目中，如果把更多的组件放在html文件中，那么维护成本就会变得非常昂贵。
普通组件只是整合了js和html，但是css代码被剥离出去了。使用的时候的时候不好处理。

将一个组件相关的html结构，css样式，以及交互的JavaScript代码从html文件中剥离出来，合成一个文件，这种文件就是单文件组件，相当于一个组件具有了结构、表现和行为的完整功能，方便组件之间随意组合以及组件的重用，这种文件的扩展名为“.vue”，比如："Home.vue"。

创建组件

在组件中编辑三个标签，编写视图template、vm对象script标签和css样式代码style。

<template>

</template>

<script>

</script>

<style>

</style>

7.1 template 编写html代码的地方

<template>

  <div id="Home">    #  所有代码要在一个块里面

    <Header/>

    <div class="main">

      页面主题内容

    </div>

    <div class="footer">

      页面脚步内容

    </div>

  </div>

</template>

下面写法会报错

<template>

    <Header/>

    <div class="main">

      页面主题内容

    </div>

    <div class="footer">

      页面脚步内容

    </div>

</template>

7.2 script编写vue.js代码

<script>

  import Header from "./common/Header"

  export default {

    name:"Home", // 组件名称，用于以后路由跳转

    data(){      // 当前组件中需要使用的数据

      return {

      }

    },

    components:{

      Header,

    }

  }

</script>

7.3 style编写当前组件的样式代码

// scoped 表示当前style的样式只作用于当前组件的template代码中，其他地方不会被影响

<style scoped>

  .header{

    height: 100px;

    line-height: 100px;

    background-color: #eee;

    text-align: center;

  }

</style>

7.3.1 在Home.vue中引入子组件

app中导入home组件，浏览器才能显示home组件的内容

home组件引入header组件（和app中引入Home类似）

创建保存子组件的目录common, 在components目录下面

在common目录下创建Header.vue

把Home.vue的style标签的头部样式放置到Header.vue

7.4 完成案例-点击加减数字

<template>

  <div id="Home">

    <Header/>

    <div class="main">

      <p>加减数字的功能</p>

      <div class="box">

        <button @click="num++">+</button>

        <input type="text" v-model="num">

        <button @click="num--">-</button>

      </div>

    </div>

    <div class="footer">

      页面脚步内容

    </div>

  </div>

</template>

<script>

  import Header from "./common/Header"

  export default {

    name:"Home", // 组件名称，用于以后路由跳转

    data(){      // 当前组件中需要使用的数据

      return {

        num:0,     // 这里需要声明num

      }

    },

    components:{

      Header,

    }

  }

</script>

// scoped 表示当前style的样式只作用于当前组件的template代码中，其他地方不会被影响

<style scoped>

  .header{

    height: 100px;

    line-height: 100px;

    background-color: #eee;

    text-align: center;

  }

</style>

7.4 组件的嵌套

在common目录下,可以创建Home页面的子组件,例如,是Menu.vue

<template>

    <div id="menu">

      <span>{{msg}}</span>

      <p>我是menu视图，我是主题body部分</p>

    </div>

</template>

<script>

  export default {

    name:"Menu", // 组件名称，用于以后路由跳转

    data(){      // 当前组件中需要使用的数据

      return {

        msg: "大家好"

      }

    }

  }

</script>

// scoped 表示当前style的样式只作用于当前组件的template代码中，其他地方不会被影响

<style scoped>

</style>

然后，在父组件 Home.vue 中调用上面声明的子组件。

//  Menu 首字母大写

<template>

  <div>

    <Header />

    <div class="main">

      <p>增减数字</p>

      <button @click="num++">+</button>

      <input type="text" name="" id="" v-model="num">

      <button @click="num--">-</button>

    </div>

    <Menu />   //调用

  </div>

</template>

<script>

  import Header from "./common/Header"

  import Menu from "./common/Menu"   //导入

  export default{

    name: "Home",

    data(){

      return{

        num:0,

        }

      },

      components:{

        Header,Menu    //声明

    }

  }

</script>

<style>

</style>

最后,父组件被App.vue调用.就可以看到页面效果.

7.5 传递数据

可以通过props属性来进行传递.

传递数据三个步骤：

在父组件中，调用子组件的组名处，使用属性值的方式往下传递数
```
<template>
<Menu :mynum="num" title="home里面写的数据"/>
</template>
```
# 上面表示在父组件调用Menu子组件的时候传递了2个数据：
如果要传递变量[变量可以各种类型的数据]，属性名左边必须加上冒号:，同时，属性名是自定义的，会在子组件中使用。
如果要传递普通字符串数据，则不需要加上冒号:

在子组件中接受上面父组件传递的数据，需要在vm组件对象中，使用props属性类接受。

<script>

  export default {

    name:"Menu",

    props:["mynum","title"],   //用props接收值

    data: function(){

      return {

        msg:"这是Menu组件里面的菜单",

      }

    }

  }

</script>

在子组件中的template中使用父组件传递过来的数据.

<template>

    <div id="menu">

      <span>{{msg}}，{{title}}</span>

      <div>hello，{{mynum}}</div>

  </div>

</template>

使用父组件传递数据给子组件时, 注意一下几点:

传递数据是变量,则需要在属性左边添加冒号.

传递数据是变量,这种数据称之为"动态数据传递"

传递数据不是变量,而是数值或者字符串,这种数据称之为"静态数据传递"
父组件中修改了数据,在子组件中会被同步修改,但是,子组件中的数据修改了,是不会影响到父组件中的数据.

这种情况,在开发时,也被称为"单向数据流"

事实上，我们如果要在子组件中把数据传递给父组件，也可以完成的。

通过事件冒泡的方式，进行数据传递

在vue中提供的this.$emit()方法进行给我们传递数据

8. 在组件中使用axios获取数据

默认情况下，我们的项目中并没有对axios包的支持，所以我们需要下载安装。

在项目根目录中使用 npm安装包在命令行下执行安装包的命令：

npm install axios

接着在main.js文件中，导入axios并把axios对象挂载到vue属性中多为一个子对象，这样我们才能在组件中使用。

// The Vue build version to load with the `import` command

// (runtime-only or standalone) has been set in webpack.base.conf with an alias.

import Vue from 'vue'

import App from './App' // 这里表示从别的目录下导入 单文件组件

import axios from 'axios'; // 从node_modules目录中导入包

Vue.config.productionTip = false

Vue.prototype.$http = axios; // 把对象挂载vue中  $http 可以自己定义名称

/* eslint-disable no-new */

new Vue({

  el: '#app',

  components: { App },

  template: '<App/>'

});

8.1 在组件中使用axios获取数据

代码编写在Heaer.vue子组件中

<template>

    <div id="Header" class="header">

      {{message}}

      <p>num: <input type="text" v-model="num"></p>

      <p>深圳的天气情况： {{weather_info}}</p>

    </div>

</template>

<script>

  export default {

    name:"Header", // 组件名称，用于以后路由跳转

    props:["num"],

    data(){      // 当前组件中需要使用的数据

      return {

        message:"页面头部",

        weather_info:"",

      }

    },

    // 钩子方法，在页面中vue挂在data数据以后，自动执行

    created() {

      // 使用axios发送请求获取数据

      this.$http.get("http://wthrcdn.etouch.cn/weather_mini?city=深圳").then(response=>{

        console.log(response.data);

        console.log(response.data.data.ganmao);

        this.weather_info = response.data.data.ganmao;

      }).catch(error=>{

      });

    }

  }

</script>

// scoped 表示当前style的样式只作用于当前组件的template代码中，其他地方不会被影响

<style scoped>

  .header{

    height: 100px;

    line-height: 100px;

    background-color: #eee;

    text-align: center;

  }

</style>

使用的时候，因为本质上来说，我们还是原来的axios，所以也会收到同源策略的影响。

后面开发项目的时候，我们会使用cors来解决跨域的问题

vue2 -- axios的更多相关文章

使用vue2+Axios+Router 之后的总结以及遇到的一些坑
构建 vue有自己的脚手架构建工具vue-cli,使用起来非常方便,使用webpack来集成各种开发便捷工具,比如: 代码热更新,修改代码之后网页无刷新改变,对前端开发来说非常的方便 PostCss, ...
webpack4+vue2+axios+vue-router的多页+单页混合应用框架
VUE2的单页应用框架有人分享了,多页应用框架也有人分享了,这里就分享一个单页和多页的混合应用框架吧,初现雏形,还有很多需要优化和改善的地方... 结尾有github地址. 项目结构 │ ├─buil ...
vue2+axios在不同的环境打包不同的接口地址
node.js的环境变量 process process 对象是一个 global (全局变量),提供有关信息,控制当前 Node.js 进程.作为一个对象,它对于 Node.js 应用程序始终是可用 ...
vue2 axios 接口函数封装
封装 axios 工具,编辑 src/api/index.js 文件首先,我们要使用 axios 工具,就必须先安装 axios 工具.执行下面的命令进行安装 npm install axios - ...
Node.js开发Web后台服务
一.简介 Node.js 是一个基于Google Chrome V8 引擎的 JavaScript 运行环境.Node.js 使用了一个事件驱动.非阻塞式 I/O 的模型,使其轻量又高效.Node.j ...
SpringMVC前后端分离交互传参详细教程
温故而知新,本文为一时兴起写出,如有错误还请指正本文后台基于SpringBoot2.5.6编写,前端基于Vue2 + axios和微信小程序JS版分别编写进行联调测试,用于理解前后端分离式开发的交互 ...
vue2项目使用axios发送请求
前言:在Vue1.0的时候有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方就不再更新 vue-resource. 目前主流的 Vue 项目,都选 ...
前端MVC Vue2学习总结（六）——axios与跨域HTTP请求、Lodash工具库
一.axios Vue更新到2.0之后宣告不再对vue-resource更新,推荐使用axios,axios是一个用于客户端与服务器通信的组件,axios 是一个基于Promise 用于浏览器和 no ...
Vue2学习小记-给Vue2路由导航钩子和axios拦截器做个封装
1.写在前面最近在学习Vue2,遇到有些页面请求数据需要用户登录权限.服务器响应不符预期的问题,但是总不能每个页面都做单独处理吧,于是想到axios提供了拦截器这个好东西,再于是就出现了本文. 2. ...

随机推荐

pycharm 激活码
http://www.cnblogs.com/itfat/p/9388829.html
mysql索引总结（转）
mysql索引总结----mysql 索引类型以及创建文章归属:http://feiyan.info/16.html,我想自己去写了,但是发现此君总结的非常详细.直接搬过来了关于MySQL索引的好 ...
scrapy使用指南
创建scrapy项目: scrapy startproject 项目名 cd到项目名下 scrapy genspider 爬虫名 www.baidu.com(网站网址) 之后按照提示创建爬虫文件(官方 ...
CUDA编程模型——组织并行线程3 （2D grid 1D block）
当使用一个包含一维块的二维网格时,每个线程都只关注一个数据元素并且网格的第二个维数等于ny,如下图所示: 这可以看作是含有二维块的二维网格的特殊情况,其中块儿的第二个维数是1.因此,从块儿和线程索引到 ...
DLC 复合逻辑运算
与非逻辑运算或非逻辑运算与或非逻辑运算异或逻辑运算同或逻辑运算
OGG-01091 Unable to open file "./dirdat/cs001481" (error 2, No such file or directory)
记一次ogg报错ogg-01091的处理过程现场有一套RAC数据库的服务器异常重启,其中一个节点上部署了OGG,机器开机之后,发现OGG所有应用进程abended状态,查看日志,发现报错如下图: 分 ...
SQL Server 2000 字段类型 Delphi 数据类型对照
关于Apache做负载均衡
Tomcat+apache配置负载均衡系统笔记在Apache conf目录下的httpd.conf文件添加以下文字 #---------------------start------------ ...
OS模块学习
import os,sys s = os.getcwd() #获取当前工作目录,即当前python脚本工作的目录路径 # print(s) # os.chdir('..') #改变当前工作目录 # s ...
Django url
urlpatterns = [ url(正则表达式, views视图函数,参数,别名),] 参数说明: 一个正则表达式字符串一个可调用对象,通常为一个视图函数或一个指定视图函数路径的字符 ...

vue2 -- axios