关于Nuxt 项目搭建到服务器的一些问题

Nuxt项目部署及注意事项

操作前提系统中已经安装Node 且安装了Nuxt

• 编写完Nuxt项目, 将项目打包

  npm run build 
  

  

• 将打包文件、Nuxt配置、静态文件和所需依赖配置文件上传至服务器（下图中蓝色选中文件）

  

• 服务器上运行（也可本地先测试）

  • 服务器上运行
    在导入的上面四个文件的文件夹下执行

     npm start 
    

  • 本地测试（建议先测试一遍，看看项目还有什么地方可以修改）
    将上面四个文件放入新的文件夹执行上述命令（npm start）

• 后台运行

  • node 安装 pm2

    安装

    npm install pm2 -g
    

    启动（在上传目录下）

    pm2 start npm --name "my-nuxt" -- run start
    

    另附一些常用的pm2操作

    查看所用已启动进程：

    pm2 list
    

    重启某一个进程：

    pm2 restart XXX
    

    停止List中为0进程：

    pm2 stop 0
    

    删除List中为0的进程：

    pm2 delete 0
    

• 项目配置注意事项
  下面是我踩坑的地方，只能说自己学艺不精

  • 配置内置服务器的反向代理
    emmm，之前一直没注意如果不配置的话Nuxt所起的端口服务一直在本地回环测试，只能本地查看。
    客户端通过ip地址访问不到所搭建的网页，所以要在Nuxt的配置文件下配置反向代理。作用类似于Nginx。
    

服务器配置

服务器以阿里云为例

• 配置安全组
  Nuxt默认开启的端口号是3000。因此安全组要开放3000端口。
  

• 服务器端口开放

  添加指定需要开放的端口：
  firewall-cmd --add-port=3000/tcp --permanent
  
  查询指定端口是否开启成功：
  firewall-cmd --query-port=3000/tcp
  
  移除指定端口：
  firewall-cmd --permanent --remove-port=3000/tcp