框架搭建

config/index.js

@@ -13,7 +13,7 @@ module.exports = {
     proxyTable: {},
 
     // Various Dev Server settings
-    host: 'localhost', // can be overwritten by process.env.HOST
+    host: '0.0.0.0', // can be overwritten by process.env.HOST
     port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
     autoOpenBrowser: false,
     errorOverlay: true,

src/main.js

@@ -4,15 +4,14 @@ import Vue from 'vue'
 import App from './App'
 import ElementUI from 'element-ui'
 import router from './router'
-import Cookies from 'vue-cookie'
-import 'element-ui/lib/theme-chalk/index.css'
-import './style/main.css'
+import Ajax from './util/ajax'
 
 Vue.use(ElementUI)
 Vue.use(Cookies)
 
 Vue.config.productionTip = false
-
+const http = new Ajax()
+Vue.prototype.$ajax = http
 /* eslint-disable no-new */
 new Vue({
   el: '#app',

src/pages/test/test.vue

@@ -0,0 +1,37 @@
+<style lang="sass" scoped>
+
+</style>
+
+<template>
+  <div>123</div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+
+    }
+  },
+  mounted () {
+    this.$ajax('', {
+      method: this.$api.order.orderPage.method,
+      data: {
+        orderState: status,
+        base_pageSize: this.orderData[this.status].base_pageSize,
+        base_currentPage: this.orderData[this.status].base_currentPage
+      }
+    })
+      .then(res => {
+
+      }).catch(msg => {
+        this.$toast({
+          message: msg.data.message,
+          position: 'center',
+          duration: 2000
+        })
+        return false
+      })
+  }
+}
+</script>

src/router/index.js

@@ -2,6 +2,7 @@ import Vue from 'vue'
 import Router from 'vue-router'
 import login from '@/pages/login/index'
 import system from '@/pages/system/index'
+import test from '@/pages/test/test'
 
 Vue.use(Router)
 
@@ -16,6 +17,11 @@ export default new Router({
       path: '/system',
       name: 'system',
       component: system
+    },
+    {
+      path: '/test',
+      name: 'test',
+      component: test
     }
   ]
 })

src/util/ajax.js

@@ -0,0 +1,41 @@
+import axios from 'axios'
+import { Message } from 'element-ui'
+import qs from 'qs'
+
+const Axios = axios.create({
+  timeout: 60000,
+  responseType: 'json',
+  withCredentials: true,
+  headers: {}
+})
+
+Axios.interceptors.request.use((config) => {
+  config.data = qs.stringify(config.data)
+  return config
+}, (error) => {
+  console.log(error)
+})
+
+Axios.interceptors.response.use((res) => {
+  if (res.data.code === 1) {
+    return res
+  } else if (res.data.code === 2) {
+    Message({
+      message: res.data.message,
+      position: 'bottom',
+      duration: 2000
+    })
+    return res.data.code
+  } else if (res.data.code === 0) {
+    Message({
+      message: res.data.message,
+      position: 'bottom',
+      duration: 2000
+    })
+    return res.data.code
+  }
+}, (error) => {
+  console.log(error)
+})
+
+export default Axios