ytj

config/index.js

@@ -6,12 +6,18 @@ const path = require('path')
 
 module.exports = {
   dev: {
-
     // Paths
     assetsSubDirectory: 'static',
     assetsPublicPath: '/',
-    proxyTable: {},
-
+    proxyTable: {
+      '/api': {
+        target: 'https://dp.huiju360.com.cn/hj_operations', // 接口的域名
+        changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
+        pathRewrite: {
+          '^/api': ''
+        },
+      },
+    },
     // Various Dev Server settings
     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
@@ -39,7 +45,6 @@ module.exports = {
     // set this to false - it *may* help
     // https://vue-loader.vuejs.org/en/options.html#cachebusting
     cacheBusting: true,
-
     cssSourceMap: true
   },
 

src/main.js

@@ -6,12 +6,11 @@ import ElementUI from 'element-ui'
 import 'element-ui/lib/theme-chalk/index.css'
 import router from './router'
 import Ajax from './util/ajax'
-
+import api from './util/api'
 Vue.use(ElementUI)
-
 Vue.config.productionTip = false
-const http = new Ajax()
-Vue.prototype.$ajax = http
+Vue.prototype.$api = api
+Vue.prototype.$ajax = Ajax
 /* eslint-disable no-new */
 new Vue({
   el: '#app',

src/pages/test/test.vue

@@ -14,22 +14,17 @@ export default {
     }
   },
   mounted () {
-    this.$ajax('', {
-      method: this.$api.order.orderPage.method,
+    console.log(this)
+    this.$ajax(this.$api.test.area.url, {
+      method: 'GET',
       data: {
-        orderState: status,
-        base_pageSize: this.orderData[this.status].base_pageSize,
-        base_currentPage: this.orderData[this.status].base_currentPage
+        a: 1,
+        b: 2
       }
     })
       .then(res => {
-
+        console.log(res)
       }).catch(msg => {
-        this.$toast({
-          message: msg.data.message,
-          position: 'center',
-          duration: 2000
-        })
         return false
       })
   }

src/util/ajax.js

@@ -10,6 +10,7 @@ const Axios = axios.create({
 })
 
 Axios.interceptors.request.use((config) => {
+  console.log(config)
   config.data = qs.stringify(config.data)
   return config
 }, (error) => {

src/util/api.js

@@ -0,0 +1,11 @@
+const baseUrl = process.env.NODE_ENV === 'development' ? '/api' : 'https://dp.huiju360.com.cn/hj_operations'
+// const baseUrl = '/check-api'
+const $api = {
+  test: { // 测试接口
+    area: {
+      method: 'get',
+      url: `${baseUrl}/machine/area`
+    }
+  }
+}
+export default $api