nuxt项目部署

忘是亡心i 2023-02-12 08:29 12阅读 0赞

**1，安装node,npm,pm2**

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

进入[node官网][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][https_blog.csdn.net_weixin_36185028_article_details_110210234]

[https_blog.csdn.net_u010218170_article_details_104733217]: https://blog.csdn.net/u010218170/article/details/104733217
[node]: https://nodejs.org/zh-cn/download/
[https_blog.csdn.net_weixin_36185028_article_details_110210234]: https://blog.csdn.net/weixin_36185028/article/details/110210234