如何在实际服务中运行 nuxt.js?

     2023-02-22     37

关键词:

【中文标题】如何在实际服务中运行 nuxt.js?【英文标题】:How to run nuxt.js in real service? 【发布时间】:2017-10-28 17:56:32 【问题描述】:

我在中使用了 vue-cli

vue init nuxt/express myProject

和,

npm 运行开发

开发。

但是,

npm 运行构建

之后,创建了 dist 文件。

如何在 pm2 中运行真实服务?

(我将在 AWS EC 中使用 ubuntu。)

【问题讨论】:

【参考方案1】:

您只需要像这样启动您的应用程序:

pm2 start npm --name "your-project-name" -- start

查看状态:

pm2 status

之后可以重启/停止:

pm2 restart your-project-name
pm2 stop your-project-name

【讨论】:

我的项目名称是什么? Nuxt / expressnpm 是否需要定位运行构建后创建的文件夹? 项目名只是PM2的别名。最重要的是“pm2 start npm --start”,这是PM2做“npm run start”的方式,然后nuxt的“start”脚本就知道目标文件夹是“dist”。 我现在明白了。我试过了。 我终于解决了。非常感谢。开心点。 添加,实际服务中需要移动哪些文件夹? Build/main.js.nuxt/dist【参考方案2】:

先决条件

node.js 安装在网络服务器上 在 Web 服务器上安装和配置 nginx 在 Web 服务器上安装和配置 pm2

然后

    添加到您的通用 Nuxt 应用程序以提供服务,尽管 PM2 是一个名为 ecosystem.config.js 的文件。 在您的根项目目录中创建一个具有该名称的新文件并添加以下内容:

     module.exports = 
       apps: [
         
           name: 'project-name',
           exec_mode: 'cluster',
           instances: 'max', // Or a number of instances
           script: './node_modules/nuxt/bin/nuxt.js',
           args: 'start'
         
       ]
     
    

    通过 FTP(FileZilla 等)连接到您的 linux 服务器 将我标记的蓝色文件发送到服务器。 (不需要上传node_modues、.nuxt、dist、.git、.idea等文件夹)

    通过 ssh 控制台连接服务器,(windows : putty) 并转到您上传文件的项目文件夹。

     cd /
     cd var/www/project-name
    

    安装node_modules文件夹;

     npm install
    

    执行nuxt构建并创建.nuxt文件夹;

     npm run build
    

    最后,准备启动启动pm2服务器;

     pm2 start
    

【讨论】:

NUXT.js 和 Axios 运行时如何避免代码重复?

】NUXT.js和Axios运行时如何避免代码重复?【英文标题】:HowtoavoidcodeduplicationwhenrunningNUXT.jsandAxios?【发布时间】:2020-11-2205:28:43【问题描述】:如果相似的代码(如示例中)在不同的组件中重复,但我在函数参数中传递的名称略... 查看详情

如何在nuxt中获取axios baseUrl?

】如何在nuxt中获取axiosbaseUrl?【英文标题】:HowtogetaxiosbaseUrlinnuxt?【发布时间】:2019-01-2418:54:30【问题描述】:我的Nuxt.js项目中有axios模块。当我的客户端在端口3000上运行时,我还在localhost:4040/api中设置了我的baseUrl(用于API)... 查看详情

在 Nuxt.js 中完全呈现路由后运行函数

】在Nuxt.js中完全呈现路由后运行函数【英文标题】:RunfunctionAFTERroutefullyrenderedinNuxt.js【发布时间】:2019-09-0519:51:09【问题描述】:背景:我正在使用Nuxt构建一个s-s-r网站。我想运行一个脚本到fixsometypographyissues(标题中的孤立... 查看详情

如何在 nuxt js 中使用 vuetify 作为插件?

】如何在nuxtjs中使用vuetify作为插件?【英文标题】:Howtousevuetifyinnuxtjsasplugin?【发布时间】:2020-04-2321:43:53【问题描述】:我需要在我的nuxtjs项目中使用vuetify作为插件。我试过包@nuxtjs/vuetify,但得到错误无法分配给对象“#”的... 查看详情

在 Docker 中运行 nuxt js 应用程序

】在Docker中运行nuxtjs应用程序【英文标题】:RunningnuxtjsapplicationinDocker【发布时间】:2017-09-3012:03:16【问题描述】:我正在尝试在docker容器中运行nuxt应用程序。为此,我创建了以下Dockerfile:FROMnode:6.10.2RUNmkdir-p/appEXPOSE3000COPY./appWO... 查看详情

在 Nuxt.js 中请求奇怪的行为

...一个Nuxt应用程序需要消耗2个api,我决定在早期测试它是如何工作的,所以我尝试了一些最初使用@ 查看详情

如何在 nuxt.js 中定义路由

】如何在nuxt.js中定义路由【英文标题】:Howtodefinerouteinnuxt.js【发布时间】:2019-04-2421:11:53【问题描述】:我有一个使用Nuxt.Js的博客网站,假设xyz.com并希望显示特定国家/地区代码的所有页面,例如xyz.com/en/home、xyz.com/en/about等。... 查看详情

如何在 nuxt.js 中编写全局路由器功能

】如何在nuxt.js中编写全局路由器功能【英文标题】:howtowriteglobalrouter-functioninnuxt.js【发布时间】:2018-01-1213:11:55【问题描述】:我正在将Vue.js与Nuxt.js一起使用,但路由器的功能出现问题。在纯Vue中,我可以这样写main.js:valroute... 查看详情

Tabulator + Nuxt.js:如何在回调中使用 axios?

】Tabulator+Nuxt.js:如何在回调中使用axios?【英文标题】:Tabulator+Nuxt.js:Howtouseaxiosincallbacks?【发布时间】:2020-01-1608:48:53【问题描述】:我尝试在我的Nuxt.js项目中添加Tabulator。我已经完成了下一个组件:<template><divref="table... 查看详情

在 Nuxt js 项目中配置 stylelint 文件

...使用Nuxtjs的新手,因此与nuxt.config.js文件相同。我想知道如何在我的Nuxtjs项目上设置stylelint文件并在每次按保存时运行它,所以stylelint规则将应用它。我的意思是与.eslintrc相同的行为,但使用.s 查看详情

如何在 nuxt.js 中挑选 bootstrap-vue.js 模块?

】如何在nuxt.js中挑选bootstrap-vue.js模块?【英文标题】:Howtocherry-pickbootstrap-vue.jsmodulesinnuxt.js?【发布时间】:2019-04-0512:03:04【问题描述】:我无法理解如何在nuxt.js中挑选bootstrap-vue.js模块nuxt.config.js中的以下代码正在拉取整个库... 查看详情

如何使用 laravel 后端 API 在 nuxt.js 中上传图片

】如何使用laravel后端API在nuxt.js中上传图片【英文标题】:howtouploadimageinnuxt.jsusinglaravelbackendAPI【发布时间】:2021-01-2407:29:30【问题描述】:nuxt.js我搜索了很多关于使用laravelapi上传图片的教程,但我不知道如何编码图片上传的东... 查看详情

如何使用 Nuxt.js 仅在一个组件中使用插件?

】如何使用Nuxt.js仅在一个组件中使用插件?【英文标题】:HowtouseplugininonlyonecomponentusingNuxt.js?【发布时间】:2021-11-1617:45:13【问题描述】:我正在用nuxt.js做一个简单的博客网站,我只需要在一个组件中导入编辑器,我不想使用n... 查看详情

在 Nuxt.js 中检测服务器端渲染

】在Nuxt.js中检测服务器端渲染【英文标题】:DetectingServerSideRenderinginNuxt.js【发布时间】:2020-09-0720:59:10【问题描述】:我有一个使用服务器端渲染的Nuxt.js应用程序。但是,在我的一个页面中,我需要检测它是否是用于切换其中... 查看详情

(Nuxt.js/Vue.js) - 脚本只运行一次,更改路由/刷新页面后停止运行

...站“转移”到Vue.js,顶部是Nuxt.js。我正在将存储在远程服务器中的所有文件的内容复制 查看详情

如何在 Nuxt.js 中使用官方 Swiper.js 作为插件

】如何在Nuxt.js中使用官方Swiper.js作为插件【英文标题】:HowtouseofficialSwiper.jsasplugininNuxt.js【发布时间】:2021-01-2106:39:49【问题描述】:我有插件swiper.js代码:importVuefrom"vue";//importSwipercoreandrequiredcomponentsimportSwiperCore,Navigation,Pagina... 查看详情

在 Paketo.io / Cloud Native Buildpacks 构建的 Docker 容器中运行 Nuxt.js

】在Paketo.io/CloudNativeBuildpacks构建的Docker容器中运行Nuxt.js【英文标题】:RunningNuxt.jsinDockerContainerbuildbyPaketo.io/CloudNativeBuildpacks【发布时间】:2021-08-2413:21:06【问题描述】:我想将我的Nuxt.js应用程序容器化。我可以编写自己的Docker... 查看详情

如何在 Nuxt.js 中使用 CKEditor - 未定义窗口错误

】如何在Nuxt.js中使用CKEditor-未定义窗口错误【英文标题】:HowtouseCKEditorwithNuxt.js-windowisnotdefinederror【发布时间】:2020-08-1503:00:36【问题描述】:在Vue.js中,这是我使用的设置。在Nuxt.js中,我收到“未定义窗口”错误。根据我的... 查看详情