Nuxt.js在centos7上的发布部署

简介: Nuxt.js在centos7上的发布部署


前言

刚有个需求,开发个官网,涉及到SEO,但是vue开发的项目基本上是单页面应用,客户端渲染的,不利于搜索优化。 但是有成熟的SSR技术,也就是服务端渲染,本文使用Nuxt.js开发,部署和传统的vue部署略有区别。

源码微调

这个问题会出现,就是发布了后,服务器上可以访问,对外不能访问,需要对外暴露端口,设置 0.0.0.0 任何域名都可访问。

修改package.json文件,添加内容

//上面的不用动
  ,
  "config": {
    "nuxt": {
      "host": "0.0.0.0",
      "port": "3000"
    }
  }

build

在项目目录下执行

npm run build

项目上传到centos服务器

复制文件和目录

.nuxt

assets (有的没有这个)

static

nuxt.config.js

package.json

在项目部署目录下执行

1:【前提: centos上安装 node】


例如下载到/usr/local/src目录下

wget https://npm.taobao.org/mirrors/node/v14.13.1/node-v14.13.1-linux-x64.tar.xz

解压

# xz格式,先用xz解压
xz -d node-v14.13.1-linux-x64.tar.xz
# 再用tar解压
tar xvf node-v14.13.1-linux-x64.tar

设置环境变量

vim ~/.bashrc

在文件末尾添加内容并保存

export PATH=/usr/local/src/node-v14.13.1-linux-x64/bin:$PATH

使配置生效

source ~/.bashrc

查看安装版本

[root@master site]# node -v
v14.13.1

2:【安装pm2】

npm install -g pm2

pm2想了解更多的话,可以点击此处

2:【下载依赖】

在项目目录下执行

npm install

3:【使用pm2启动项目】

在项目目录下执行

pm2 start npm --name "boshi-web" -- run start

注意:boshi-web是给项目起的名字,命名随意,有空格的话,加双引号就可以了,不要使用单引号。加单引号的话,在使用“pm2 list”进行查看时,会看到项目进程的名字中也会带有单引号,但使用双引号就没问题。

测试访问

http://服务器ip地址:3000

如:http://192.168.196.111:3000

nginx域名代理

方式1:

server {
        listen    80;
        server_name   域名地址;
        location / {
        proxy_pass http://ip:3000;
       }
   }

备注

ip可以使 服务器内网地址或外网地址,没用容器安装nginx也可以是127.0.0.1

方式2:

http {
  //其他代码略
    upstream 任意服务名A {
        # 这里指向宿主机中启动的官网服务
       server    ip:3000;
    }
   server {
        listen    80;
        server_name   你的域名地址;
        location / {
        proxy_pass http://任意服务名A ;
       }
   }    
}


“前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家



大功告成!!

相关实践学习
基于函数计算快速搭建Hexo博客系统
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Hexo博客。
相关文章
|
3月前
|
Linux
CentOS7.9服务器一键脚本部署FRP内网穿透服务端与客户端
CentOS7.9服务器一键脚本部署FRP内网穿透服务端与客户端
210 0
|
3月前
|
负载均衡 监控 JavaScript
pm2 工具在 Node.js 开发和部署中的重要作用
pm2 工具在 Node.js 开发和部署中的重要作用
48 0
|
2月前
|
JavaScript Java 应用服务中间件
centos部署vue项目(java,tomcat环境的搭建)
centos部署vue项目(java,tomcat环境的搭建)
39 0
|
3月前
|
监控 安全 Linux
CentOS7下部署ARL资产侦察灯塔系统
CentOS7下部署ARL资产侦察灯塔系统
156 3
|
1月前
|
分布式计算 关系型数据库 MySQL
Sqoop【部署 01】CentOS Linux release 7.5 安装配置 sqoop-1.4.7 解决警告并验证(附Sqoop1+Sqoop2最新版安装包+MySQL驱动包资源)
【2月更文挑战第8天】Sqoop CentOS Linux release 7.5 安装配置 sqoop-1.4.7 解决警告并验证(附Sqoop1+Sqoop2最新版安装包+MySQL驱动包资源)
93 1
|
2月前
|
存储 NoSQL Linux
centos7部署redis以及多实例
centos7部署redis以及多实例
54 0
|
4天前
|
JavaScript Linux 数据安全/隐私保护
如何在CentOS7部署Wiki.js知识库并实现分享好友公网远程使用【内网穿透】
如何在CentOS7部署Wiki.js知识库并实现分享好友公网远程使用【内网穿透】
|
10天前
|
存储 Linux Shell
centos 部署docker容器 安装 、基本使用方法(一)
centos 部署docker容器 安装 、基本使用方法(一)
19 0
|
10天前
|
分布式计算 Hadoop Java
centos 部署Hadoop-3.0-高性能集群(一)安装
centos 部署Hadoop-3.0-高性能集群(一)安装
13 0
|
21天前
|
Linux Shell 开发工具
CentOS8中Docker安装及部署
CentOS8中Docker安装及部署
67 0

热门文章

最新文章