geek-navigation's Introduction

极客猿梦导航

版本说明

老版本纯静态导航版：最初的一版静态页面，数据都写在页面里的。
JSON 静态导航版：数据和页面分享，可以部署在github或gitee上使用，将 dist 目录下的文件上传到远程仓库里访问。
数据库动态导航版：vue2版本
nuxt ssr版：vue nuxt版本，更好的seo，更快的首屏加载速度

应用截图

安装部署

nuxt版本

找到deploy/index.js文件，填写下服务器信息，配置下自动部署
找到package.json文件，配置下 root
找到nuxt.config.js文件，配置mongodb链接
运行npm deploy自动构建并打包到服务器上
配置下网站的nginx文件，替换掉server_name

map $sent_http_content_type $expires {
    "text/html"                 epoch;
    "text/html; charset=utf-8"  epoch;
    default                     off;
}

server {
    listen          80;             # the port nginx is listening on
    server_name     navigation.zcbing.cn;    # setup your domain here

    gzip            on;
    gzip_types      text/plain application/xml text/css application/javascript;
    gzip_min_length 1000;

    location / {
        expires $expires;

        proxy_redirect                      off;
        proxy_set_header Host               $host;
        proxy_set_header X-Real-IP          $remote_addr;
        proxy_set_header X-Forwarded-For    $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto  $scheme;
        proxy_read_timeout          1m;
        proxy_connect_timeout       1m;
        proxy_pass                          http://127.0.0.1:3000; # set the address of the Node.js instance here
    }
}