feat: optimize index route

Author: yugasun

public/favicon.ico

@@ -16,7 +16,8 @@ function getCacheKey(req) {
 async function cacheRender(req, res) {
   const key = getCacheKey(req);
   // reder /list to /
-  const reqPath = req.path === '/list' ? '/' : req.path;
+  // const reqPath = req.path === '/list' ? '/' : req.path;
+  const reqPath = req.path;
   if (Cache.has(key)) {
     res.setHeader('X-Cache', 'HIT');
     res.send(Cache.get(key));
@@ -44,7 +45,7 @@ async function startServer() {
   app.setAssetPrefix(process.env.STATIC_PATH);
   server.use(Express.static(join(__dirname, '../public/static')));
 
-  server.get('/list', async (req, res) => {
+  server.get('/', async (req, res) => {
     return cacheRender(req, res);
   });
 

server/index.ts

@@ -1,12 +1,13 @@
 org: serverless-cnode
 app: serverless-cnode
 stage: dev
-component: nextjs
+component: nextjs@dev
 name: serverless-cnode
 
 inputs:
   src:
-    src: ./
+    dist: ./
+    hook: npm run build
     exclude:
       - .env
   region: ap-guangzhou
@@ -17,22 +18,22 @@ inputs:
       - http
       - https
     environment: release
-    enableCORS: true #  允许跨域
-    customDomains: # 自定义域名绑定
-      - domain: cnode.yuga.chat # 待绑定的自定义的域名
-        certificateId: eGesL28k # 待绑定自定义域名的证书唯一 ID
-        # 自定义路径映射的路径。使用自定义映射时，可一次仅映射一个 path 到一个环境，也可映射多个 path 到多个环境。并且一旦使用自定义映射，原本的默认映射规则不再生效，只有自定义映射路径生效。
+    enableCORS: true
+    customDomains:
+      - domain: cnode.yuga.chat
+        certificateId: eGesL28k
         pathMappingSet:
           - path: /
             environment: release
-        # 绑定自定义域名的协议类型，默认与服务的前端协议一致。
         protocols:
           - http
           - https
-    staticCdn:
-      cosConf:
-        bucket: serverless-cnode
-      cdnConf:
-        domain: static.cnode.yuga.chat
-        https:
-          certId: eGkM75xv
+  staticCdn:
+    cosConf:
+      bucket: serverless-cnode
+    cdnConf:
+      # after you deploy CDN once, just set onlyRefresh to true for refresh CDN cache
+      onlyRefresh: true
+      domain: static.cnode.yuga.chat
+      https:
+        certId: eGkM75xv

serverless.yml

@@ -21,6 +21,7 @@ export default class Layout extends Component<{
             content='initial-scale=1.0, width=device-width'
           />
           {title ? <title>{title}</title> : ''}
+          <link rel='icon' href={`${process.env.STATIC_URL}/favicon.ico`} />
           <script dangerouslySetInnerHTML={{ __html: staticMarkup }}></script>
         </Head>
         {children}

src/components/layout/index.tsx

@@ -1,6 +1,6 @@
 import { View } from '@ui';
 import React, { Component } from 'react';
-import Router, { withRouter } from 'next/router';
+import { withRouter } from 'next/router';
 
 import * as utils from '@libs/utils';
 
@@ -28,9 +28,9 @@ class Link extends Component<IProps, PageState> {
 
   goTo = ({ url, params }) => {
     const href = url + (params ? '?' + utils.param(params) : '');
-    Router.push(href);
-    // window.location.href = href;
-    // return false;
+    // Router.push(href, as);
+    window.location.href = href;
+    return false;
   };
   render() {
     const { className, style, to, children, ...rest } = this.props;

src/components/link/index.tsx

@@ -25,27 +25,27 @@ class NvMenu extends Component<IProps, {}> {
           <View className={styles['list-ul']}>
             <Link
               className={`icon-quanbu iconfont ${styles.item}`}
-              to={{ url: '/list?tab=all' }}>
+              to={{ url: '/', params: { tab: 'all' } }}>
               全部
             </Link>
             <Link
               className={`icon-hao iconfont ${styles.item}`}
-              to={{ url: '/list?tab=good' }}>
+              to={{ url: '/', params: { tab: 'good' } }}>
               精华
             </Link>
             <Link
               className={`icon-fenxiang iconfont ${styles.item}`}
-              to={{ url: '/list?tab=share' }}>
+              to={{ url: '/', params: { tab: 'share' } }}>
               分享
             </Link>
             <Link
               className={`icon-wenda iconfont ${styles.item}`}
-              to={{ url: '/list?tab=ask' }}>
+              to={{ url: '/', params: { tab: 'ask' } }}>
               问答
             </Link>
             <Link
               className={`icon-zhaopin iconfont ${styles.item}`}
-              to={{ url: '/list?tab=job' }}>
+              to={{ url: '/', params: { tab: 'job' } }}>
               招聘
             </Link>
             <Link