nuxt项目部署

Posted 2022-12-12 骑着代马去流浪

1，安装node,npm,pm2

必须使用root身份进入，非root身份参考https://blog.csdn.net/u010218170/article/details/104733217

进入node官网获取最新的安装文件链接

下载安装文件：

wget https://nodejs.org/dist/v12.16.3/node-v12.16.3-linux-x64.tar.xz

解压：

tar -xvf   node-v6.10.0-linux-x64.tar.xz  

建立软连接(需要root权限)：

mv node-v6.10.0-linux-x64  nodejs 
sudo ln -s /root/nodejs/bin/npm /usr/local/bin/ 
sudo ln -s /root/nodejs/bin/node /usr/local/bin/

安装pm2并建立软链接：

npm i -g pm2
sudo ln -s /root/nodejs/bin/pm2 /usr/local/bin/

2，打包和部署nuxt项目

运行

npm run build

修改package.json文件，添加config配置：

  "name": "swqw",
  "version": "1.0.0",
  "description": "My luminous Nuxt.js project",
  "author": "sdx",
  "private": true,
  "scripts": 
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate"
  ,
  "dependencies": 
    "@nuxtjs/axios": "^5.3.6",
    "element-ui": "^2.4.11",
    "nuxt": "^2.0.0",
    "qs": "^6.9.4",
    "vue-baidu-map": "^0.21.22",
    "vue-i18n": "^8.17.4"
  ,
  "devDependencies": 
    "@nuxtjs/proxy": "^1.3.3",
    "less": "^3.11.1",
    "less-loader": "^6.1.0"
  ,
  "config": 
    "nuxt": 
      "host": "0.0.0.0",
      "port": "3011"
    
  

将.nuxt,package.json,nuxt.config.js,static四个文件或文件夹上传到服务器

如果使用nuxt自有服务器将项目上线，需要将package.json的config里面的host改为公网IP，并开放端口；如果使用nginx代理服务器则保持0.0.0.0

在项目文件夹下运行:

npm i
npm start

即可启动项目，并显示访问地址

运行curl 访问地址，若启动成功，则打印页面的html文本出来

3，开启进程守护

在项目文件夹下运行：

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

开启进程守护

运行：

pm2 list

可以查看进程守护列表和状态

4，项目更新

更改了项目后需要重新build打包和上传到服务器，

运行：

pm2 restart

刷新页面即可看到更改后的内容

5，关于nginx配置参考https://blog.csdn.net/weixin_36185028/article/details/110210234