nuxt服务端php,nuxt服务端部署上线

这个框架其实早些时间就已经学习过了,上线部署这一块被放到了现在。

经过多次的尝试之后终于是跑通了部署上线的全部过程。

打包安装完框架之后先执行打包npm run build得到下面的这个目录

AAffA0nNPuCLAAAAAElFTkSuQmCC

拿出这是个文件放到你线上对应的目录下

修改package.json文件如下

注意在cmd命令行中直接使用nuxt会报错找不到nuxt命令,这里直接写到,配置文件里面就行了。我这里是加了一条"server":"nuxt start"{

"name": "nuxtTest",

"version": "1.0.0",

"description": "My cat's meow Nuxt.js project",

"author": "123456789",

"private": true,

"scripts": {

"dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server",

"build": "nuxt build",

"start": "cross-env NODE_ENV=production node server/index.js",

"server": "nuxt start",

"generate": "nuxt generate"

},

"dependencies": {

"nuxt": "^2.0.0",

"cross-env": "^5.2.0",

"koa": "^2.6.2",

"element-ui": "^2.4.11"

},

"devDependencies": {

"nodemon": "^1.18.9"

},

"config": {

"nuxt": {

"host": "0.0.0.0",

"port": "3000"

}

}

}

在你的线上目录中执行npm install 然后执行npm run server这样就可以通过localhost:3000访问项目了

AAffA0nNPuCLAAAAAElFTkSuQmCC

如果项目比较多的话需要起多个cmd窗口,这边我们还需要使用pm2这个插件来管理多项目。

npm install -g pm2

在线上目录的文件夹中另起一个cmd

执行 pm2 start npm --name "nuxt" run server

--name "nuxt"是启动的服务名称 run server是我们配置的命令

AAffA0nNPuCLAAAAAElFTkSuQmCC

这样就可用很好的管理node相关的项目了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值