nuxt vue项目

适合有seo要求的项目

• 项目安装运行
  参考中文官网 https://www.nuxtjs.cn/guide/installation

npx create-nuxt-app 项目名
cd 项目名
npm run dev

• 项目打包，服务器部署运行项目

npm run build

将以下文件放到服务器上
.nuxt 文件夹
static 文件夹
nuxt.config.js 文件
package.json 文件
注意：或者将整个项目放置服务器（更推荐）

服务器项目文件夹根路径下npm安装

npm install

项目启动

npm run start

• pm2守护

运行项目之后，命令行窗口不能关闭，如果关闭了就无法访问这个项目地址了，所以需要支持关闭命令行窗口，运行的项目依然能够访问，也就是后台挂起进程，pm2 可以做到这个事情

全局安装pm2

npm install -g pm2

pm2运行项目

方法一：添加文件ecosystem.config.js,内容为

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

运行

pm2 start

方法二：windows不建议使用，系统会弹出命令窗口，不能关掉它
安装node-cmd

npm install node-cmd -S

在项目下添加start.js文件，内容为

var cmd=require('node-cmd')
cmd.run('npm start')

运行

pm2 start start.js

• nginx 代理

server {
        listen       4000;
        server_name  _;
        location / {
            proxy_pass   http://localhost:3000;
            index  index.html index.htm;
        }
 }

访问http://localhost:4000 代理的是http://localhost:3000

server {
        listen       4000;
        server_name  http://www.your_site.com;
        location / {
            proxy_pass   http://localhost:3000;
            index  index.html index.htm;
        }
 }

访问http://www.your_site.com代理的是http://localhost:3000