增加新闻和产品接口

api/index.js

@@ -4,10 +4,12 @@ const express = require('express')
 const app = express()
 
 // Require API routes
-const users = require('./routes/users')
+const product = require('./routes/product')
+const news = require('./routes/news')
 
 // Import API Routes
-app.use(users)
+app.use(product)
+app.use(news)
 
 // Export the server middleware
 module.exports = {

api/routes/news.js

+const { Router } = require('express')
+const newsData = require('./data/news');
+const router = Router()
+
+
+/* GET users listing. */
+router.get('/news', function (req, res, next) {
+    if(req.query.pageSize){
+        res.json(newsData.slice(0,req.query.page))
+    }else{
+        res.json(newsData)
+    }
+})
+
+module.exports = router
\ No newline at end of file

api/routes/product.js

+const { Router } = require('express')
+const productData = require('./data/product')
+const router = Router()
+
+
+/* GET users listing. */
+router.get('/product', function (req, res, next) {
+  res.json(productData)
+})
+
+
+module.exports = router
\ No newline at end of file

api/routes/users.js

-const { Router } = require('express')
-
-const router = Router()
-
-// Mock Users
-const users = [
-  { name: 'Alexandre' },
-  { name: 'Pooya' },
-  { name: 'Sébastien' }
-]
-
-/* GET users listing. */
-router.get('/users', function (req, res, next) {
-  res.json(users)
-})
-
-/* GET user by ID. */
-router.get('/users/:id', function (req, res, next) {
-  const id = parseInt(req.params.id)
-  if (id >= 0 && id < users.length) {
-    res.json(users[id])
-  } else {
-    res.sendStatus(404)
-  }
-})
-
-module.exports = router
\ No newline at end of file

components/NewsScrollList.vue

@@ -19,10 +19,9 @@
 
 <script>
 export default {
-    data(){
-        return {
-            newsData:this.$store.state.news.newsData,
-        }
+    async asyncData({ app }) {
+      const newsData = await app.$axios.$get('/api/news?pageSize=10');
+      return { newsData: newsData }
     },
     computed:{
         optionTop(){

pages/index.vue

@@ -102,18 +102,14 @@ import Profile from '~/components/index/Profile.vue'
 import ContactUs from '~/components/ContactUs.vue'
 
 export default {
-    props:{
-        
+    async asyncData({ app }) {
+      const newsData = await app.$axios.$get('/api/news?pageSize=10');
+      const productData = await app.$axios.$get('/api/product');
+      return { newsData: newsData,productData:[...productData.ozonizer.data,...productData.disinfectant.data,...productData.equipment.data] }
     },
     data:function(){
         return {
-            productData:[
-                ...this.$store.state.product.data.ozonizer.data,
-                ...this.$store.state.product.data.disinfectant.data,
-                ...this.$store.state.product.data.equipment.data,
-            ],
             qualificationsData:this.$store.state.qualifications.data,
-            newsData:this.$store.state.news.newsData,
             engineeringData:this.$store.state.engineeringData,
         }
     },