一、json-server使用方法

json-server  git 地址:https://github.com/typicode/json-server

安装

npm install json-server --save-dev

配置:

1. 在build的dev-server.js进行加入代码:

//json-server start 假数据
var jsonServer = require('json-server') //引入文件
var apiServer = jsonServer.create() //创建服务器
var apiRouter = jsonServer.router('src/datas/db.json') //引入json 文件 ,这里的地址就是你json文件的地址
var middlewares = jsonServer.defaults() //返回JSON服务器使用的中间件。
apiServer.use(middlewares)
apiServer.use('/api',apiRouter)
apiServer.listen( port + 1,function(){ //json服务器端口:比如你使用8080,这里的json服务器就是8081端口
console.log('JSON Server is running')  //json server成功运行会在git bash里面打印出'JSON Server is running'
})
//json-server end 假数据

2. 在config的index.js中修改代理服务器

proxyTable: {
'/api/':'http://localhost:8081/'
},

3. 打开地址

http://localhost:8081/api/posts 
http://localhost:8080/api/posts


二. axios使用方法

1. 安装

npm install axios

2. 使用

import axios from 'axios'
created () {
   axios.get('/api/posts').then(function (response) {
     // console.log(response)
   })
   .catch(function (error) {
     console.log(error)
   })
 }


三. Vux中使用axios主要是通过vux插件AjaxPlugin

//main.js
import { AjaxPlugin } from 'vux'
Vue.use(AjaxPlugin)
console.log(Vue.http)
require('es6-promise').polyfill()

//组件中
created () {
   this.$http.get('/api/posts')
   .then((response) => {
     console.log(response)
   })
 }

上一篇:VUE学习笔记十一:VUEX2

下一篇:Git学习笔记