极客猿梦导航

独立开发者的导航站　
Demo | 更新日志 | 提BUG | QQ交流群

版本说明

• 老版本纯静态导航版：最初的一版静态页面，数据都写在页面里的。

• JSON 静态导航版：数据和页面分享，可以部署在github或gitee上使用，将 dist 目录下的文件上传到远程仓库里访问。

• 数据库动态导航版：vue2版本

• nuxt ssr版：vue nuxt版本，更好的seo，更快的首屏加载速度

• 最终版本（前端nuxt,后台ant-design-pro,接口eggjs）：更nice的版本，重构进行中。。。

应用截图

安装部署

nuxt版本

1. 找到deploy/index.js文件，填写下服务器信息，配置下自动部署

2. 找到package.json文件，配置下 root

3. 找到nuxt.config.js文件，配置mongodb链接

4. 运行npm run deploy自动构建并打包到服务器上

5. 配置下网站的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
    }
}

6. 服务器项目根目录下npm install安装包

7. npm i -g pm2安装下node进程管理

8. pm2 start npm --name "nav" -- run start启动下服务器

9. 访问下你配置的域名就ok了。