• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

小白/nuxt-blog

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

nuxt-blog

开源软件地址:

https://gitee.com/baiyangc/nuxt-blog

开源软件介绍:

Plumemo 博客系统 sakura 主题 ssr服务端渲染版的安装使用

线上预览

https://www.bygit.cn/article/31

系统环境

  1. 安装好java程序与后端管理系统
  2. 安装node.js
  3. 安装pm2

java的安装和管理系统的部署参考https://www.nosum.cn/article/71

node的安装

创建目录

在/usr/local/ 下创建nodejs 目录

进入nodejs目录cd /usr/local/nodejs

下载node

wget https://nodejs.org/dist/v14.16.1/node-v14.16.1-linux-x64.tar.xz

解压node

tar -xJvf 下载的文件名

解压后是个目录,把目录内的文件全部移动到 上级目录 也就是/usr/local/nodejs中

创建软连接

ln -s /usr/local/nodejs/bin/node /usr/local/bin/ln -s /usr/local/nodejs/bin/npm /usr/local/bin/ln -s /usr/local/nodejs/bin/npx /usr/local/bin/

测试node是否成功

node -vnpm -vnpx -v

pm2的安装

运行命令

npm install pm2 -g

创建软连接

ln -s /usr/local/nodejs/bin/pm2 /usr/local/bin/

测试pm2是否成功

pm2 -v

部署程序

程序源码下载

放到你自己存放的目录 比如我的 /home/www/blog/front

cd /home/www/blog/frontgit clone https://gitee.com/baiyangc/nuxt-blog.git ./

后面./ 是直接到当前根目录 不创建文件夹

程序配置(必看)

服务端口的配置

服务启动后默认端口为http://127.0.0.1:3000可在应用根目录 package.json 中配置端口

域名配置

必须要在跟目录env.js中配置 开发环境和正式环境的访问链接 正式环境必须是你线上的域名不能是本地端口

百度统计配置

在nuxt.config.js中把 script 中进入的百度统计 改成你的就可以了,如果不用 删掉就行

nginx的配置

server {   listen       443;   server_name  www.bygit.cn bygit.cn;   ssl on;   ssl_certificate  /usr/local/nginx/conf/conf.d/blog.pem;   #ssl证书的key文件路径   ssl_certificate_key /usr/local/nginx/conf/conf.d/blog.key;   location / {    proxy_http_version 1.1;    proxy_set_header Upgrade $http_upgrade;      proxy_set_header Connection "upgrade";    proxy_set_header Host $host;    proxy_set_header X-Nginx-Proxy true;    proxy_cache_bypass $http_upgrade;    proxy_pass http://127.0.0.1:3000;   } # 配置前端访问地址   location /admin {     root    /home/www/blog;     index  index.html index.htm;     try_files $uri $uri/ /admin/index.html;    } # 配置后端访问地址   location ^~ /api/blog {     index  index.html index.htm index.php;     index  proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;     index  proxy_set_header Host $host;     index  proxy_set_header X-Real-IP $remote_addr;     proxy_pass http://localhost:8086/api/plumemo-service; #后端服务器,配置upstream即可     }}server {    listen 80;    server_name www.bygit.cn bygit.cn;    #将请求转成https    rewrite ^(.*)$ https://$host$1 permanent;}

主要看location / 这个配置,把/根目录转发到本地 http://127.0.0.1:3000 就是你启动的程序的端口

安装依赖

npm install

打包程序

npm run build

启动服务

pm2 start npm --name "blog" -- run start

blog 为启动的服务的名字可自定义

结束

访问你的域名就可以了

alt text


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap