【nuxt】服务器部署步骤

最新推荐文章于 2024-03-14 09:22:10 发布
最新推荐文章于 2024-03-14 09:22:10 发布
阅读量7.1k 收藏 4
点赞数
分类专栏： node.js
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/wpj130/article/details/82911597

一. 安装nodejs
创建文件目录

mkdir -p /usr/local/software

进入文件目录

cd  /usr/local/software

下载nodeJS

wget https://nodejs.org/dist/v8.9.1/node-v8.9.1-linux-x64.tar.gz

注意：

      想要合适的版本node到 https://nodejs.org/dist/ 下自己查找 到时候复制链接 wget的时候还称自己的链接即可

解压NodeJs文件

tar -zxvf node-v8.9.1-linux-x64.tar.gz -C ../

为nodejs更名

 mv /usr/local/node-v8.9.1-linux-x64/ /usr/local/node8.9.1 
 
 

 
 
  1. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     # 软链接指向到node npm
    
    
    
   
   
  2. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     ln -
     
     s /usr/
     
     local/node8.
     
     9.1/bin/node  /usr/
     
     local/bin/node
    
    
    
   
   
  3. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     ln -
     
     s /usr/
     
     local/node8.
     
     9.1/bin/npm  /usr/
     
     local/bin/npm

查看软链是否成功

ls -al /usr/local/bin

软链接输出内容


 
 
  1. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     [root@jsyfpre001 bin]# ls -al /usr/
     
     local/bin
    
    
    
   
   
  2. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     total 
     
     3428
    
    
    
   
   
  3. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     drwxr-xr-x   
     
     2 root root    
     
     4096 Feb  
     
     6 
     
     14:
     
     09 .
    
    
    
   
   
  4. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     drwxr-xr-x. 
     
     32 root root    
     
     4096 Feb  
     
     6 
     
     14:
     
     02 ..
    
    
    
   
   
  5. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     lrwxrwxrwx   
     
     1 root root      
     
     29 Feb  
     
     6 
     
     14:
     
     09 node -> /usr/
     
     local/node8.
     
     9.1/bin/node
    
    
    
   
   
  6. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     lrwxrwxrwx   
     
     1 root root      
     
     28 Feb  
     
     6 
     
     14:
     
     09 npm -> /usr/
     
     local/node8.
     
     9.1/bin/npm

一: 安装vue相相关包

如果vue-cli没有安装，请安装vue-cli

npm install -g vue-cli

到项目目录下

cd /data/www/project/shop/yf_mall_v1.0.5

安装淘宝景象, 因为在国内用npm安装会比较慢, 所有我们使用淘宝镜像安装 也就是cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

建立cnpm软链

ln -s /usr/local/node8.9.1/bin/cnpm  /usr/local/bin/cnpm

安装vue相关组件

cnpm install

查看是cnpm 是否安装完成

cnpm -v

输出内容包括:
node版本
npm版本
cnpm 版本等信息


 
 
  1. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     [root@jsyfprod001 yf_mall_v1.
     
     0.5]# cnpm -v
    
    
    
   
   
  2. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     cnpm@
     
     5.2.
     
     0 (/usr/
     
     local/node8.
     
     9.1/lib/node_modules/cnpm/lib/parse_argv.js)
    
    
    
   
   
  3. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     npm@
     
     5.6.
     
     0 (/usr/
     
     local/node8.
     
     9.1/lib/node_modules/cnpm/node_modules/npm/lib/npm.js)
    
    
    
   
   
  4. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     node@
     
     8.9.
     
     1 (/usr/
     
     local/node8.
     
     9.1/bin/node)
    
    
    
   
   
  5. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     npminstall@
     
     3.3.
     
     0 (/usr/
     
     local/node8.
     
     9.1/lib/node_modules/cnpm/node_modules/npminstall/lib/
     
     index.js)
    
    
    
   
   
  6. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     prefix=/usr/
     
     local/node8.
     
     9.1 
    
    
    
   
   
  7. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     linux x64 
     
     3.10.
     
     0-
     
     693.5.
     
     2.el7.x86_64 
    
    
    
   
   
  8. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     registry=https:
     
     //registry.npm.taobao.org

一、安装npm：
安装pm2 node进程管理器

进入到yf_mall_v1.0.5目录下安装pm2
注(重要): 楼主在其他目录下安装全局pm2 虽能安装成功 但是执行pm2 list的时间一直失败 在项目目录下成功了 所以才到项目目录下执行安装pm2命令

cd  /data/www/project/shop/yf_mall_v1.0.5
 
 
cnpm install -g pm2

安装信息如下(最后几行):


 
 
  1. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     All packages installed (
     
     194 packages installed from npm registry, 
     
     1 packages installed from remote url, used 
     
     3s, speed 
     
     2.13MB/s, json 
     
     173(
     
     1.43MB), tarball 
     
     5.17MB)
    
    
    
   
   
  2. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     [pm2@2.
     
     10.1] link /usr/local/node8.
     
     9.1/bin/pm2@ -> 
     
     /usr/local
     
     /node8.9.1/lib
     
     /node_modules/pm2/bin/pm2
    
    
    
   
   
  3. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     [pm2@2.
     
     10.1] link /usr/local/node8.
     
     9.1/bin/pm2-dev@ -> 
     
     /usr/local
     
     /node8.9.1/lib
     
     /node_modules/pm2/bin/pm2-dev
    
    
    
   
   
  4. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     [pm2@2.
     
     10.1] link /usr/local/node8.
     
     9.1/bin/pm2-docker@ -> 
     
     /usr/local
     
     /node8.9.1/lib
     
     /node_modules/pm2/bin/pm2-docker
    
    
    
   
   
  5. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     [pm2@2.
     
     10.1] link /usr/local/node8.
     
     9.1/bin/pm2-runtime@ -> 
     
     /usr/local
     
     /node8.9.1/lib
     
     /node_modules/pm2/bin/pm2-runtime

建立软链接

ln -s /usr/local/node8.9.1/bin/pm2  /usr/local/bin/pm2

Nuxt官方部署教程如下:https://zh.nuxtjs.org/guide/commands

由于我们的环境是本地开发，部署于Linux服务器，下面开始 打包操作：

需要先后执行以下命令

nuxt build

但是楼主安装的时候提示


 
 
  1. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     [root@jsyfpre001 shop]
     
     # nuxt build
    
    
    
   
   
  2. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     -bash: nuxt: command 
     
     not found

解决方法如下:
把nuxt自带的nuxt命令放到项目的要目录下
执行软链(放到根目录)命令如下:

 ln -s /data/www/project/shop/yf_mall_v1.0.5/node_modules/nuxt/bin/nuxt /data/www/project/shop/yf_mall_v1.0.5/nuxt
  •  

此时项目目录为:


 
 
  1. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     [root@jsyfpre001 yf_mall_v1.0.5]# ls -al
    
    
    
   
   
  2. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     total 228
    
    
    
   
   
  3. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     drwxr-xr-x   12 root root   4096 Feb  6 19:14 .
    
    
    
   
   
  4. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     drwxr-xr-x    5 root root   4096 Feb  6 12:02 ..
    
    
    
   
   
  5. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     -rw-r--r--    1 root root   1536 Feb  6 12:03 app.html
    
    
    
   
   
  6. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     drwxr-xr-x    4 root root   4096 Feb  6 12:03 assets
    
    
    
   
   
  7. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     drwxr-xr-x    6 root root   4096 Feb  6 12:03 components
    
    
    
   
   
  8. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     -rw-r--r--    1 root root    207 Feb  6 12:03 .editorconfig
    
    
    
   
   
  9. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     -rw-r--r--    1 root root  28623 Feb  6 12:03 element-variables.scss
    
    
    
   
   
  10. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     -rw-r--r--    1 root root  11515 Feb  6 12:03 .eslintrc.js
    
    
    
   
   
  11. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     -rw-r--r--    1 root root     92 Feb  6 12:03 .gitignore
    
    
    
   
   
  12. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     drwxr-xr-x    2 root root   4096 Feb  6 12:03 layouts
    
    
    
   
   
  13. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     drwxr-xr-x    2 root root   4096 Feb  6 12:03 middleware
    
    
    
   
   
  14. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     drwxr-xr-x 1106 root root 114688 Feb  6 14:18 node_modules
    
    
    
   
   
  15. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     lrwxrwxrwx    1 root root     64 Feb  6 19:14 nuxt -> /data/www/project/shop/yf_mall_v1.0.5/node_modules/nuxt/bin/nuxt #楼主添加: 注意此行
    
    
    
   
   
  16. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     -rw-r--r--    1 root root   2950 Feb 23 14:20 nuxt.config.js
    
    
    
   
   
  17. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     -rw-r--r--    1 root root   1150 Feb 23 14:20 package.json
    
    
    
   
   
  18. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     drwxr-xr-x   24 root root   4096 Feb 23 14:20 pages
    
    
    
   
   
  19. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     drwxr-xr-x    2 root root   4096 Feb 23 14:20 plugins
    
    
    
   
   
  20. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     -rw-r--r--    1 root root   2843 Feb 23 14:20 README.md
    
    
    
   
   
  21. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     drwxr-xr-x    9 root root   4096 Feb 23 14:20 static
    
    
    
   
   
  22. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     drwxr-xr-x    2 root root   4096 Feb 23 14:20 store
    
    
    
   
   
  23. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     drwxr-xr-x    4 root root   4096 Feb 23 14:20 .svn

注：官方推荐的根目录package.json配置信息如下(我自定义端口在8025)：


 
 
  1. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     {
    
    
    
   
   
  2. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
      
     
     "name": 
     
     "hao_de_pc",
    
    
    
   
   
  3. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
      
     
     "version": 
     
     "1.0.0",
    
    
    
   
   
  4. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
      
     
     "description": 
     
     "hao_de_pc",
    
    
    
   
   
  5. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
      
     
     "author": 
     
     "wangpengjie <wangpengjie369@126.com>",
    
    
    
   
   
  6. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
      
     
     "private": 
     
     true,
    
    
    
   
   
  7. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
      
     
     "config": {
    
    
    
   
   
  8. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
        
     
     "nuxt": {
    
    
    
   
   
  9. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
          
     
     "host": 
     
     "127.0.0.1",
    
    
    
   
   
  10. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
          
     
     "port": 
     
     "8205"
    
    
    
   
   
  11. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
         }
    
    
    
   
   
  12. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
       },
    
    
    
   
   
  13. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
      
     
     "scripts": {
    
    
    
   
   
  14. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
        
     
     "dev": 
     
     "nuxt",
    
    
    
   
   
  15. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
        
     
     "build": 
     
     "nuxt build && PORT=8205 npm start",
    
    
    
   
   
  16. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
        
     
     "start": 
     
     "nuxt start",
    
    
    
   
   
  17. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
        
     
     "generate": 
     
     "nuxt generate",
    
    
    
   
   
  18. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
        
     
     "lint": 
     
     "eslint --ext .js,.vue --ignore-path .gitignore .",
    
    
    
   
   
  19. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
        
     
     "precommit": 
     
     "npm run lint"
    
    
    
   
   
  20. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
       },
    
    
    
   
   
  21. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     }

OK，将 根目录的这几个文件夹都上传到 服务器的 nuxt 文件夹（我的话 对应服务器文件夹为：/data/www/project/shop/yf_mall_v1.0.5）：

再安装下依赖插件：


 
 
  1. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     cd /data/www/project/shop/yf_mall_v1
     
     .0
     
     .5
    
    
    
   
   
  2. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     npm install

注: 为方便与pm2守护进行结合, 使用更加方便nuxt.js服务端渲染应用部署这样就完成了
官方先后执行 npm run build 、npm start 即可完成部署。
而我这边只要执行 npm run build ，其实我只是把两个合并成一个，并设置了端口以便区别其他应用，避免端口占用！

简单说一下nuxt命令(来自官方):

nuxt 启动一个热加载的Web服务器（开发模式,端口默认3000） localhost:3000。
nuxt build 利用webpack编译应用，压缩JS和CSS资源（发布用）。
nuxt start 以生成模式启动一个Web服务器 (nuxt build 会先被执行)。
nuxt generate 编译应用，并依据路由配置生成对应的HTML文件 (用于静态站点的部署)。

*1.下面启动Nuxt项目

npm run start


*2.到项目目录下用pm2执行启动Nuxt项目命令

pm2 start npm --name "jsyfShopNuxt" -- run start
  • 首先一点，必须先启动 nuxt项目，再启动 pm2 项目才可以

再做apache的逆向代理配置，你想代理干嘛用的。。就不解释了，有新的小哥哥小姐姐可以去帖子看：https://www.cnblogs.com/Nouno/p/6029950.html

 

最终你在 v-host 文件里写的配置为：

不加资源文件夹嗯。。。


 
 
  1. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     <VirtualHost *:
     
     80>
    
    
    
   
   
  2. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
         ServerAdmin 
     
     w@qq.com
    
    
    
   
   
  3. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
         php_admin_value open_basedir /
     
     data/www/test.anendbro.com:/tmp:/
     
     var/tmp:/proc:/
     
     data/www/
     
     default/phpmyadmin
    
    
    
   
   
  4. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
         ServerName test.anendbro.com
    
    
    
   
   
  5. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
         ServerAlias test.anendbro.com
    
    
    
   
   
  6. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
         ErrorLog /
     
     data/wwwlog/test.anendbro.com/error.log
    
    
    
   
   
  7. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
         CustomLog /
     
     data/wwwlog/test.anendbro.com/access.log combined
    
    
    
   
   
  8. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    	
    
    
    
   
   
  9. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
         ProxyRequests On
    
    
    
   
   
  10. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    	
    
    
    
   
   
  11. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     	ProxyPass / http:
     
     //localhost:8205/
    
    
    
   
   
  12. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
         ProxyPassReverse / http:
     
     //localhost:8205/
    
    
    
   
   
  13. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     </VirtualHost>

 最后几点补充：

  1. 关于pm2常用命令：

 
 
  1. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
     
    
    
    
   
   
  2. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     pm2 list 
     
     # 查看当前正在运行的进程
    
    
    
   
   
  3. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     pm2 start all  
     
     # 启动所有应用
    
    
    
   
   
  4. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     pm2 restart all  
     
     # 重启所有应用
    
    
    
   
   
  5. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     pm2 stop all 
     
     # 停止所有的应用程序
    
    
    
   
   
  6. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     pm2 
     
     delete all 
     
     # 关闭并删除所有应用
    
    
    
   
   
  7. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     pm2 logs 
     
     # 控制台显示所有日志
    
    
    
   
   
  8. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
     
    
    
    
   
   
  9. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     pm2 start 
     
     0  
     
     # 启动 id为 0的指定应用程序
    
    
    
   
   
  10. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     pm2 restart 
     
     0  
     
     # 重启 id为 0的指定应用程序
    
    
    
   
   
  11. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     pm2 stop 
     
     0 
     
     # 停止 id为 0的指定应用程序
    
    
    
   
   
  12. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     pm2 
     
     delete 
     
     0 
     
     # 删除 id为 0的指定应用程序
    
    
    
   
   
  13. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
     
    
    
    
   
   
  14. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     pm2 logs 
     
     0 
     
     # 控制台显示编号为0的日志
    
    
    
   
   
  15. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     pm2 show 
     
     0  
     
     # 查看执行编号为0的进程
    
    
    
   
   
  16. 
   
   
    
    
    
    
   
   
    
   
   
    
    
    
    
     
     pm2 monit jsyfShopNuxt 
     
     # 监控名称为jsyfShopNuxt的进程

注:
pm2官网： http://pm2.keymetrics.io/
pm2-github: https://github.com/Unitech/pm2

2. 全部设置完毕，但你的所有文件都显示502 错误：

   你看下你的代理设置是不是设置完全了。。。我当时错误是因为

 如图第一个设置错了丢了 / 这玩意导致全部无法访问。。。

OK以上设置完毕，如果还有

nuxt问题可以加这个群 大佬解答632394867

vue问题可以加这个群 大佬解答115658205

【以上有一半以上转载于：https://blog.csdn.net/hanwuqia0370/article/details/79269161 感谢 贴主 的方法】

THINK_OF_
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
nuxt静态部署打包相对路径操作
01-22
以往在nuxt项目中，打包静态化部署的的文件如下： 路径为绝对路径，当项目的域名为二级域名的时候，就不能打包为这绝对路径了。 nuxt不同于vue项目，思索了许久，终于找到了配置的地方： nuxt项目中 nuxt.config.js...
nginx代理nuxt服务是在nginx配置gizp还是在nuxt服务配置gizp？
qq_37030315的博客
05-19 484
Nuxt.js 提供内置的 gzip 压缩功能,在生成的 server bundle 中集成了 compression 中间件来压缩响应。启用 gzip on 选项,并指定要压缩的内容类型,Nginx 就会在接收到响应后进行 gzip 压缩,然后再返回给客户端。2. Nuxt.js 应用中启用 gzip 压缩。那么这两种 gzip 配置的区别与联系是什么?
sh: nuxt: command not found
webjhh的博客
07-09 9035
在部署nuxt项目的时候npm install 之后 npm run build 报出sh: node: command not found的错误，发现，npm（cnpm） install的时候就报错了，好些模块装不下了，但是改项目在本地是没有问题的，后来发现node的版本不一致服务器node版本v7.0.1，最后装了个nvm(linux安装nvm),安装切换到v8.11.1重新npm inst...
手把手教你将程序部署到服务器！
最新发布
leah126的博客
03-14 1221
一、导入centos7虚拟机：打开VMWare，点击“打开虚拟机”，选择centos7.ova之后，选择存储路径：点击导入：选择“不再显示此消息”，点击“重试”按钮：点击“编辑虚拟机设置”，修改处理器、内存、硬盘等信息后，启动。按Ctrl+Alt键可以切换到windows下。启动成功后，输入账号root密码123456登录。
使用Xshell部署nuxt项目
小多的博客
08-19 396
命令，在全局环境下 找不到这两个命令， 自然就报错了。是可以查看到版本好的， 也就是安装好的。是因为在自动部署的时候 使用的全局下的。建立软连接，相当于放在环境变量中。但是我们在服务器上使用。为了验证， 可以执行。为了解决这个问题需要让。这个提示是找不到命令。
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】服务器渲染部署步骤及【nginx】 反向代理
12-07
主要：nuxt.js服务器的渲染配置，在配置中注意的问题以及后台要安装配置哪些技术，和nginx反向代理配置和注意问题
详解Nuxt.js部署及踩过的坑
10-18
主要介绍了详解Nuxt.js部署及踩过的坑，Nuxt.js 提供了两种发布部署应用的方式：服务端渲染应用部署 和 静态应用部署。本文主要说说服务端渲染应用部署，感兴趣的小伙伴们可以参考一下
nuxt 服务器渲染动态设置 title和seo关键字的操作
01-21
使用如下钩子即可，但是前提条件是 没有默认配置head的title asyncData ({ app }, callback) { app.head.title = ‘new title' callback(null, {}) }, 补充知识：vue 每个页面动态切换title keywords description ...
Vue服务器渲染Nuxt学习笔记
08-28
本篇文章主要介绍了Vue服务器渲染Nuxt学习笔记，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
一文搞定nuxt.js搭建到部署（ssr和静态部署）
weixin_45636198的博客
03-04 3444
uxt 是一个更高级别的 Node.js web 开发框架，用于创建 Vue 应用，可在两种不同模式下开发和部署：通用（SSR）或单页应用（SPA）。此外，您可以在 Nuxt 中将 SSR 和 SPA 部署为静态生成的应用。即使您可以选择 SPA 模式，Nuxt 的全部功能仍在于其通用模式或用于构建通用应用的服务器端渲染（SSR）。通用应用用于描述可以在客户端和服务器端执行的 JavaScript 代码。SSR是服务端渲染：在后台将vue实例渲染为HTML字符串直接返回，在前端激活为交互程序。
nuxt启动报错的解决办法
Simple__Code的博客
06-30 1205
一般来说，nuxt在安装或启动时报错，都可以通过删除node-modules和package-lock.json文件，然后重新安装来解决 但是今天我遇到一种情况，尝试以上方法一直没有效果。于是就只能乖乖的看官网的描述了。在官网，首先看到了以下的信息： 这里提示我们，最好使用版本未16或14的nodejs来安装。按照这个描述，我就去尝试了一下。最终顺利的解决了问题。
启动nuxt报错了有人帮我看一下吗弄一天了
zhangzq_的博客
02-07 492
启动nuxt报错了有人帮我看一下吗弄一天了
Vue安装nuxt报错:Command failed.
隔壁的橘猫的博客
12-21 821
我这个问题是安装nuxt出现的:yarn global add create-nuxt-app 出现这种问题 建议把nodejs,Vue全卸载了 环境变量全部重新配一遍. 本人全卸载了重新配的问题决解了
nuxt项目部署到linux上
lh155136的博客
12-16 2454
安装nginx 安装nodejs https://blog.csdn.net/lh155136/article/details/111194424 前端打包
Nuxt项目的部署
weixin_34179968的博客
08-29 3954
项目介绍 项目中整合 vue + nuxt + axios + vuex + vue-router (nuxt 自带 vuex 和 vue-router)，一个基于 Nuxt 的服务器端渲染 Demo PC端GitHub地址 移动端GitHub地址 一、PC端项目部署 关于项目部署折腾了我好多时间，网上许多百度来的文档不适合我的项目，所以自己摸索着终于部署起来了，开心O(∩_∩)O~~ 1...
Centos7下用pm2对Nuxt项目进行进程守护
qq_42714869的博客
03-12 1007
Nuxt项目运行需要node环境，安装node完毕后，启动Nuxt项目，项目能正常访问，但是当Xshell窗口关闭后，项目进程随之关闭，不能再访问 解决办法：使用pm2进行进程守护 一、全局安装pm2，执行cnpm install -g pm2 二、将pm2加入到全局命令中去，建立软链接 ln -s /usr/local/laoxu_zh/nodejs_down/node-...
在服务器上部署nuxt项目
wangxiaowu555的博客
09-07 943
最近做官网，前端项目选用了nuxt。目的是为了解决单页面应用的 SEO 的问题，对于一般网站影响不大，但是对于论坛类，内容类网站来说是致命的，搜索引擎无法抓取页面相关内容，也就是用户搜不到此网站的相关信息。 现在说说如何部署： 我们部署nuxt项目需要使用到如图框起来的两个.json文件和两个文件夹 前提：需要在服务器上安装node环境，以方便下载依赖。 图中node_modules则是相关依赖，与vue项目相同。 nohup.out是后台运行日志，nuxt.sh是运行脚本。 脚本内容： nohup .
nuxt 如何部署上线
05-30
以下是将 Nuxt.js 应用程序部署到生产服务器的一般步骤： 1. 配置服务器：您需要获得一台云服务器或 VPS，例如 AWS、DigitalOcean、Linode 等，并在上面安装 Node.js 和 Nginx。 2. 构建应用程序：使用 Nuxt.js 的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值