nuxt服务部署安装说明

最新推荐文章于 2025-10-01 22:30:29 发布

原创

最新推荐文章于 2025-10-01 22:30:29 发布 · 544 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #node.js #vue.js

本文详细介绍了在服务器上部署Nuxt.js应用的步骤，包括安装Node.js、使用PM2，以及具体的部署流程，帮助开发者顺利完成项目上线。

在部署之前，需要在服务器安装node和pm2

node安装：

1、cd /usr/local/

2、新建node文件夹

mkdir node

cd ./node

3、下载
wget https://nodejs.org/dist/v14.15.4/node-v14.15.4-linux-x64.tar.xz

4、解压

tar xf node-v14.15.4-linux-x64.tar.xz

5、进入解压目录

cd node-v14.15.4-linux-x64/

6、设置软连接

ln -s /usr/local/node/node-v14.15.4-linux-x64/bin/npm /usr/local/bin/

ln -s /usr/local/node/node-v14.15.4-linux-x64/bin/node /usr/local/bin/
7、安装成功

node -v

npm -v

查看相应版本

pm2安装

1、全局安装

&nb

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

那遥远的地方啊

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

nuxt项目部署

骑着代码去流浪

05-25

1525

1，安装node,npm,pm2 进入node官网获取最新的安装文件链接下载安装文件： wgethttps://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 /.

nuxt部署

chris

12-23

768

部署第一步：首先把项目里的运行npm run build，打包出.Nuxt文件夹，然后把.Nuxt、package.json、nuxt.config.js、static这些文件上传到服务器。第二步：在服务端刚刚上传的路径下，运行npm install或者cnpm install 等待结束之后会出现node-modules文件，也就是项目所需要的依赖。第三步：通过pm2启动项目，pm2 start npm --name “xxx” – run start 其它方式： ## (项目目录的node_mo

参与评论您还未登录，请先登录后发表或查看评论

Nuxt项目的部署

weixin_34179968的博客

08-29

4251

项目介绍项目中整合 vue + nuxt + axios + vuex + vue-router (nuxt 自带 vuex 和 vue-router)，一个基于 Nuxt 的服务器端渲染 Demo PC端GitHub地址移动端GitHub地址一、PC端项目部署关于项目部署折腾了我好多时间，网上许多百度来的文档不适合我的项目，所以自己摸索着终于部署起来了，开心O(∩_∩)O~~ 1...

Nuxt 项目高效部署指南：Node、PM2 与 Nginx 最佳实践

最新发布

qq_16593939的博客

10-01

764

这篇文章介绍了Nuxt.js应用的多种生产 nurs部署方式，包括Node.js原生启动、PM2管理（推荐集群模式）、佈署到静态宿主平台，以及详细的nginx配置配置。重点分析了分析了SSR模式与静态模式的区别，并提出了特别强调了静态资源由nginx直接托管，以减轻Nuxt进程压力。文章总结出最佳实践是让Nuxt专注于动态渲染，nginx负责静态资源，，以提升访问效率和改善服务稳定性。

nuxt 部署

weixin_38999683的博客

08-25

2074

node -v 安装 nginx -v 安装第一步、在本地npm run build,会在.nuxt文件夹下生成dist文件; 第二步、把本地文件的.nuxt,static,package.json,nuxt.config.js,这四个文件夹放到服务器目录文件下，我在服务器上创建了run/www/visneyNuxt路径，四个文件放到里面; 第三步、用cmd进入目录文件夹，安装依赖，npm install --production; 第四步、npm start此时运行的是ht...

Nuxt(安装部署)爬坑指南

qq_34701838的博客

03-09

8357

Nuxt.js使用详细说明这篇文章主要向大家介绍Nuxt爬坑,主要内容包括基础应用、实用技巧、原理机制等方面，希望对大家有所帮助。 https://www.shangmayuan.com/a/dcd382c2e24d427bae7df0f1.html 静态部署：https://www.liangzl.com/get-article-detail-161890.html 第一节：nuxt.js相关概述 nuxt.js简单的说是Vue.js的通用框架，最经常使用的就是用来做SSR（服务器端渲染）.V

Nuxt3打包部署到Linux（node+pm2安装和运行步骤+nginx代理）

qq_67503717的博客

08-26

8036

部署Nuxt3项目流程，及用Nginx配置反向代理。

如何使用Docker部署Nuxt3项目结合1Plane面板（图文详解）

weixin_60435181的博客

12-15

1275

Nuxt3 Docker结合1Plane面板部署

Nuxt3用nginx部署到二级目录

持续学习中

04-21

3128

有的时候我们需要把我们写的Nuxt3项目部署到域名的二级目录，例如：https://abc.xx.com/abc/目录下。主要就是用nginx进行配置代理转发来实现的，这样可以实现我们同一个域名下可以部署多个Nuxt3独立的项目，只不过端口不同。此时你访问：https://abc.xx.com/calculator3/，就会访问到我们部署到9060端口的Nuxt3项目了。打开浏览器，输入：http://localhost:80 出现以下页面即为启动成功。其中html目录用于部署放置我们的项目。

nuxt-deploy

03-28

IEATTA –进餐餐厅追踪器！如何使用Learna来为ieatta构建通用应用程序。网页使用next.js。（演示） $项目模板：next.js-canary / examples / with-typescript / ## $ yarn dev $ mkdir应用程序头像如何构建应用程序头像。 $ yarn build-lib 使用app-avatar作为其他应用程序的依赖库。对于ieatta应用程序。 $ cd / packages / app && lerna添加应用程序头像--scope = ieatta 对于应用头像网络演示。 $ cd / packages / app-avatar-web-demo && lerna添加app-avatar --scope = app-avatar-web-demo

nuxt发布部署

illa123的博客

12-19

3360

第一次用nuxt做了一个项目，记录下我项目做完了怎么打包、发布部署的一、nuxt打包执行命令： nuxt build 或 npm run build（这个需要在pakage.json文件做配置）执行完之后会生成一个.nuxt，包就打好啦~~~~~~~~ 2、发布部署执行命令： nuxt start 或 npm run start (同理要在pakage.json配置)...

Nuxt项目的部署教程

热门推荐

qq_40060547的博客

05-08

1万+

前言由于vue通过js动态控制路由去生成内容，导致搜索引擎无法收录，天生不适合SEO。而Nuxt是一款基于vue的框架，内置了服务器端渲染。 Node.js 服务器将基于 Vue 的组件渲染成 HTML 并传输到客户端，而不是纯 javascript。与传统的 Vue SPA 相比，使用 SSR 将带来巨大的 SEO 提升、更好的用户体验和更多的机会。 Nuxt的部署与vue有出入，主要有两种模式，npm run generate和npm run build 方式一、generate模式这种模式打

nuxt.js发布部署

sxm666666的博客

11-20

4869

nuxt.js提供三种部署方式，服务端渲染部署，静态应用部署，单页面应用部署。部署前远程服务器需要安装node，pm2，nginx 服务端渲染部署 nuxt.config.js 配置 target: 'server', // 服务端渲染需要将target设置为server 默认是server 首先执行build打包 npm run build 将".nuxt(隐藏项目)，static，nuxt.config.js, package.json"这四个文件放在服务器中 np

nuxt项目部署教程

weixin_40216358的博客

11-02

4654

nuxt打包项目有两种方式：一个是npm run generate, 另一个是npm run build。两种的区别是generate是生成一系列的静态页面，该页面的内容在打包的时候就已经注定了，即使某些有请求接口的数据变了，页面也不会变，所以该种方式适合一些内容不怎么改变的页面。而目前我现在做的项目有一些资讯模块，需要随时更新，所以使用build方式进行打包部署 build：(pm2+nginx的方式) 在工作根目录执行npm run build 把.nuxt、static、nuxt.config

nuxt ssr 部署

道阻且长，行之将至

04-02

558

首先在服务器安装node（在node官网上下载linux binary 版本，我使用的是 16.20.2版本，解压，软链接在全局path）

Nuxt项目部署教程：从安装到生产环境部署

下面详细解释有关Nuxt.js的构建设置和部署的相关知识点。 ### 1. 安装依赖 - **命令**：`$ npm install` - **描述**：该命令用于安装Nuxt.js项目的依赖项。项目根目录下必须有一个`package.json`文件，其中列出了...