增加axios

components/NewsScrollList.vue

@@ -18,6 +18,8 @@
 </template>
 
 <script>
+import axios from '~/plugins/axios'
+
 export default {
     data:()=>{
         return{
@@ -33,9 +35,9 @@ export default {
     },
     mounted() {
         // console.log(this.$store);
-        this.$axios.$get('/api/news?pageIndex=1&pageSize=20&type=simplify').then(res => {
-            if (res.result) {
-                this.newsData = res.data;
+        axios.get('/api/news?pageIndex=1&pageSize=20&type=simplify').then(res => {
+            if (res.data.result) {
+                this.newsData = res.data.data;
                 // this.$store.commit('newsScrollData',res.data);
             } else {
                 this.newsData = [];

package.json

@@ -13,6 +13,7 @@
     "precommit": "npm run lint"
   },
   "dependencies": {
+    "axios": "^0.18.0",
     "@nuxtjs/axios": "^5.3.1",
     "@nuxtjs/proxy": "^1.2.4",
     "element-ui": "^2.4.4",

pages/index.vue

@@ -100,21 +100,24 @@
 import News from '~/components/index/News.vue'
 import Profile from '~/components/index/Profile.vue'
 import ContactUs from '~/components/ContactUs.vue'
+import axios from '~/plugins/axios'
 
 export default {
     async asyncData({ app }) {
-      const newsData = await app.$axios.$get('/api/news?pageSize=10&type=simplify');
-      const productData = await app.$axios.$get('/api/product');
-      const qualificationsData = await app.$axios.$get('/api/qualifications?pageSize=20&type=simplify');
+      const newsData = await axios.get('/api/news?pageSize=10&type=simplify');
+      const productData = await axios.get('/api/product');
+      const qualificationsData = await axios.get('/api/qualifications?pageSize=20&type=simplify');
       return { 
-          newsData: newsData.data||[],
-          productData:[...productData.ozonizer.data,...productData.disinfectant.data,...productData.equipment.data],
-          qualificationsData: qualificationsData.data||[],
+          newsData: newsData.data.data||[],
+          productData:[...productData.data.ozonizer.data,...productData.data.disinfectant.data,...productData.data.equipment.data],
+          qualificationsData: qualificationsData.data.data||[],
         }
     },
     data:function(){
         return {
             engineeringData:this.$store.state.engineeringData,
+            productData:[],
+            qualificationsData:[],
         }
     },
     components: {

pages/news/_id.vue

@@ -7,11 +7,12 @@
     </div>
 </template>
 <script>
+import axios from '~/plugins/axios'
 export default {
     async asyncData({ app, params, error }) {
-      const details = await app.$axios.$get(`/api/news/detail/${params.id}`);
-      if(details.result){
-        return {details: details.data};
+      const details = await axios.get(`/api/news/detail/${params.id}`);
+      if(details.data.result){
+        return {details: details.data.data};
       }else{
         return error({ message: '页面不存在', statusCode: 404 })
       }

pages/news/index.vue

@@ -22,10 +22,12 @@
     </div>
 </template>
 <script>
+import axios from '~/plugins/axios'
+
 export default {
     async asyncData({ app }) {
-      const newData = await app.$axios.$get('/api/news?pageIndex=1&pageSize=20&type=simplify');
-      return { newData: newData.data || [] ,total:newData.total}
+      const newData = await axios.get('/api/news?pageIndex=1&pageSize=20&type=simplify');
+      return { newData: newData.data.data || [] ,total:newData.data.total}
     },
     data(){
         return{

plugins/axios.js

 import * as axios from 'axios'
-import Vue from 'vue'
 
 let options = {}
 // The server-side needs a full url to works
@@ -7,6 +6,4 @@ if (process.server) {
   options.baseURL = `http://${process.env.HOST || 'localhost'}:${process.env.PORT || 3000}`
 }
 
-export default () => {
-    Vue.use(axios.create(options))
-}
+export default axios.create(options)
\ No newline at end of file