'add'

config/index.js

@@ -10,7 +10,15 @@ module.exports = {
     // Paths
     assetsSubDirectory: 'static',
     assetsPublicPath: '/',
-    proxyTable: {},
+    proxyTable: {
+      //本地数据mock
+      '/api': {
+        target: 'http://localhost:8080',
+        pathRewrite: {
+          '^/api': '/static/mock'
+        }
+      }
+    },
 
     // Various Dev Server settings
     host: 'localhost', // can be overwritten by process.env.HOST

package.json

@@ -10,6 +10,7 @@
     "build": "node build/build.js"
   },
   "dependencies": {
+    "axios": "^0.18.0",
     "less": "^3.0.4",
     "less-loader": "^4.1.0",
     "lib-flexible": "^0.3.2",

src/view/Home.vue

@@ -74,6 +74,7 @@
 <script>
 import MyHeader from "@/components/myHeader";
 import Carousel from "@/components/carousel";
+import axios from 'axios';
 
 export default {
   name: "home",
@@ -84,8 +85,16 @@ export default {
   data() {
     return {};
   },
-  mounted() {},
-  methods: {}
+  mounted() {
+    this.getIndexData();
+  },
+  methods: {
+    getIndexData() {
+      axios.get("/api/index.json").then(res => {
+        console.log(res.data);
+      })
+    }
+  }
 };
 </script>
 <style lang="less" scoped>