✨ 页面缓存

✨ 页面缓存

.dockerignore

@@ -0,0 +1,2 @@
+node_modules
+npm-debug.log

.onedev-buildspec.yml

@@ -0,0 +1,58 @@
+version: 18
+jobs:
+- name: vue ci
+  steps:
+  - !CheckoutStep
+    name: checkout
+    cloneCredential: !DefaultCredential {}
+    withLfs: false
+    withSubmodules: false
+    condition: ALL_PREVIOUS_STEPS_WERE_SUCCESSFUL
+  - !SetBuildVersionStep
+    name: set build version
+    buildVersion: '@script:builtin:node:determine-project-version@'
+    condition: ALL_PREVIOUS_STEPS_WERE_SUCCESSFUL
+  - !CommandStep
+    name: build & test
+    runInContainer: true
+    image: node:16.17.0-alpine
+    interpreter: !DefaultInterpreter
+      commands:
+      - yarn --registry=https://registry.npm.taobao.org
+      - npx nuxt build
+    useTTY: false
+    condition: ALL_PREVIOUS_STEPS_WERE_SUCCESSFUL
+  triggers:
+  - !BranchUpdateTrigger {}
+  retryCondition: never
+  maxRetries: 3
+  retryDelay: 30
+  cpuRequirement: 250
+  memoryRequirement: 256
+  caches:
+  - key: npm-cache
+    path: /root/.npm
+  timeout: 3600
+- name: Build Docker Image
+  jobExecutor: internal
+  steps:
+  - !CheckoutStep
+    name: Checkout Code
+    cloneCredential: !DefaultCredential {}
+    withLfs: false
+    withSubmodules: false
+    condition: ALL_PREVIOUS_STEPS_WERE_SUCCESSFUL
+  - !BuildImageStep
+    name: Build Docker Image
+    tags: rymcu/nebula:latest
+    publish: false
+    condition: ALL_PREVIOUS_STEPS_WERE_SUCCESSFUL
+  triggers:
+  - !TagCreateTrigger
+    projects: nebula
+  retryCondition: never
+  maxRetries: 3
+  retryDelay: 30
+  cpuRequirement: 250
+  memoryRequirement: 256
+  timeout: 3600

Dockerfile

@@ -0,0 +1,29 @@
+FROM node:16.17.0-alpine
+
+#创建/opt/app 目录作为部署目录,创建容器实例时,挂载此目录
+RUN mkdir -p /opt/app
+# 设置工作目录
+WORKDIR /opt/app
+
+# 将代码复制到容器中
+COPY . /opt/app
+
+RUN cd /opt/app
+# 添加权限，防止依赖无法安装
+RUN chmod -R 777 *
+# 添加执行shell文件权限
+RUN chmod u+x pm2.sh
+RUN yarn --registry=https://registry.npm.taobao.org
+RUN npm i pm2 -g --registry=https://registry.npm.taobao.org
+RUN npm run build
+
+RUN ls -l -a
+
+# 容器对外暴露的端口号，要和node项目配置的端口号一致
+EXPOSE 3000
+# 修复容器外无法访问问题
+ENV NUXT_HOST=0.0.0.0
+ENV NUXT_PORT=3000
+
+# 通过shell文件来执行多条命令
+CMD ["./pm2.sh"]

components/layouts/pc/main.vue

@@ -4,7 +4,7 @@
       <header-view/>
     </el-header>
     <el-main>
-      <nuxt :nuxt-child-key="$route.name"/>
+      <nuxt :nuxt-child-key="$route.name" keep-alive :keep-alive-props="{max: 16}"/>
     </el-main>
     <el-footer height="5rem">
       <footer-view/>

config/api.config.js

@@ -11,6 +11,16 @@ const apisMap = {
     VDITOR: 'https://static.rymcu.com/vditor@3.8.14/',
     VDITOR_CSS: 'https://static.rymcu.com/vditor@3.8.14/dist/css/content-theme'
   },
+  test: {
+    FE: 'https://test.rymcu.com',
+    BASE: 'https://test.rymcu.com',
+    CDN: 'https://static.rymcu.com',
+    PROXY: 'https://static.rymcu.com/proxy',
+    SOCKET: 'https://test.rymcu.com/wss',
+    GRAVATAR: 'https://static.rymcu.com/avatar',
+    VDITOR: 'https://static.rymcu.com/vditor@3.8.14/',
+    VDITOR_CSS: 'https://static.rymcu.com/vditor@3.8.14/dist/css/content-theme'
+  },
   production: {
     FE: 'https://rymcu.com',
     BASE: 'https://rymcu.com',

pages/admin/articles.vue

@@ -110,7 +110,8 @@ export default {
   components: {
     EditTags
   },
-  fetch({store, params, error}) {
+  fetch() {
+    let {store, params, error} = this.$nuxt.context
     return Promise.all([
       store
         .dispatch('admin/fetchArticles', params)

pages/admin/bank-accounts.vue

@@ -76,7 +76,8 @@ import Records from "../../components/common/bank/account/records";
 export default {
   name: "bank-accounts",
   components: {Records},
-  fetch({store, params, error}) {
+  fetch() {
+    let {store, params, error} = this.$nuxt.context
     return Promise.all([
       store
         .dispatch('bank-account/fetchList', params)

pages/admin/banks.vue

@@ -87,7 +87,8 @@ import {mapState} from 'vuex';
 
 export default {
   name: "banks",
-  fetch({store, params, error}) {
+  fetch() {
+    let {store, params, error} = this.$nuxt.context
     return Promise.all([
       store
         .dispatch('bank/fetchList', params)

pages/admin/comments.vue

@@ -97,7 +97,8 @@ import {mapState} from 'vuex';
 
 export default {
   name: "comments",
-  fetch({store, params, error}) {
+  fetch() {
+    let {store, params, error} = this.$nuxt.context
     return Promise.all([
       store
         .dispatch('admin/fetchComments', params)

pages/admin/currency-rules.vue

@@ -81,7 +81,8 @@ import {mapState} from 'vuex';
 
 export default {
   name: "currency-rules",
-  fetch({store, params, error}) {
+  fetch() {
+    let {store, params, error} = this.$nuxt.context
     return Promise.all([
       store
         .dispatch('currency-rule/fetchList', params)

pages/admin/dashboard.vue

@@ -251,7 +251,8 @@ export default {
   components: {
     EditTags
   },
-  fetch({store, params, error}) {
+  fetch() {
+    let {store, params, error} = this.$nuxt.context
     return Promise.all([
       store
         .dispatch('dashboard/fetchDashboard', params)

pages/admin/products.vue

@@ -80,7 +80,8 @@ import {mapState} from 'vuex';
 
 export default {
   name: "products",
-  fetch({store, params, error}) {
+  fetch() {
+    let {store, params, error} = this.$nuxt.context
     return Promise.all([
       store
         .dispatch('admin/fetchProducts', params)

pages/admin/roles.vue

@@ -91,7 +91,8 @@
 
   export default {
     name: "roles",
-    fetch({store, params, error}) {
+    fetch() {
+      let {store, params, error} = this.$nuxt.context
       return Promise.all([
         store
           .dispatch('admin/fetchRoles', params)

pages/admin/tags.vue

@@ -48,7 +48,8 @@
 
   export default {
     name: "tags",
-    fetch({store, params, error}) {
+    fetch() {
+      let {store, params, error} = this.$nuxt.context
       return Promise.all([
         store
           .dispatch('tag/fetchList', params)

pages/admin/topic/_topic_uri.vue

@@ -77,7 +77,8 @@ export default {
     }
     return params.topic_uri
   },
-  fetch({store, params, error}) {
+  fetch() {
+    let {store, params, error} = this.$nuxt.context
     return Promise.all([
       store.dispatch('topic/fetchDetail', params)
         .catch(err => error({statusCode: 404})),

pages/admin/topics.vue

@@ -39,7 +39,8 @@
 
   export default {
     name: "topics",
-    fetch({store, params, error}) {
+    fetch() {
+      let {store, params, error} = this.$nuxt.context
       return Promise.all([
         store
           .dispatch('topic/fetchList', params)

pages/admin/users.vue

@@ -119,7 +119,8 @@ import {mapState} from 'vuex';
 
 export default {
   name: "users",
-  fetch({store, params, error}) {
+  fetch() {
+    let {store, params, error} = this.$nuxt.context
     return Promise.all([
       store
         .dispatch('admin/fetchUsers', params)

pages/drafts.vue

@@ -16,7 +16,8 @@
     components: {
       DraftList
     },
-    fetch({store, error}) {
+    fetch() {
+      let {store, error} = this.$nuxt.context
       return Promise.all([
         store
           .dispatch('draft/fetchList')

pages/index.vue

@@ -11,7 +11,8 @@ import {mapState} from 'vuex';
 
 export default {
   name: 'Index',
-  fetch({store, query}) {
+  fetch() {
+    let {store, query, error} = this.$nuxt.context
     return Promise.all([
       store.dispatch('article/fetchList', {page: query.page || 1}),
       store.dispatch('article/fetchAnnouncementList', {page: query.page || 1})

pages/notification.vue

@@ -17,7 +17,8 @@
     components: {
       NotificationList
     },
-    fetch({store, query, error}) {
+    fetch() {
+      let {store, query, error} = this.$nuxt.context
       return Promise.all([
         store
           .dispatch('notification/fetchList', {page: query.page || 1})

pages/open-data.vue

@@ -54,7 +54,8 @@ import gzh from "assets/rymcugzh.jpg";
 Vue.prototype.$echarts = echarts;
 export default {
   name: "openData",
-  fetch({store, params, error}) {
+  fetch() {
+    let {store, params, error} = this.$nuxt.context
     return Promise.all([
       store
         .dispatch('open-data/fetchLastThirtyDays', params)

pages/portfolios.vue

@@ -16,7 +16,8 @@ import PortfolioList from "~/components/common/portfolio/list";
 export default {
   name: "Portfolios",
   components: {PortfolioList},
-  fetch({store, query, error}) {
+  fetch() {
+    let {store, params, error} = this.$nuxt.context
     return Promise.all([
       store
         .dispatch('portfolio/fetchList', {page: query.page || 1})

pages/products.vue

@@ -13,7 +13,8 @@ import ProductList from "~/components/common/product/list";
 export default {
   name: "products",
   components: {ProductList},
-  fetch({store, query, error}) {
+  fetch() {
+    let {store, params, error} = this.$nuxt.context
     return Promise.all([
       store
         .dispatch('product/fetchList', {page: query.page || 1})

pm2.json

@@ -0,0 +1,19 @@
+{
+  "name": "nebula",
+  "exec_mode": "cluster",
+  "instances": "max",
+  "script": "./node_modules/nuxt/bin/nuxt.js",
+  "args": "start",
+  "env": {
+    "NODE_ENV": "production"
+  },
+  "env_test": {
+    "NODE_ENV": "test"
+  },
+  "env_dev": {
+    "NODE_ENV": "development"
+  },
+  "env_prod": {
+    "NODE_ENV": "production"
+  }
+}

pm2.sh

@@ -0,0 +1,3 @@
+#!/bin/sh
+pm2 start pm2.json --env $APP_ENV
+pm2 logs