亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

nuxt服務端部署上線

標簽:
Node.js Vue.js

这个框架其实早些时间就已经学习过了,上线部署这一块被放到了现在。
经过多次的尝试之后终于是跑通了部署上线的全部过程。
打包
安装完框架之后先执行打包npm run build得到下面的这个目录

https://img1.sycdn.imooc.com//5db264fb0001f11802020447.jpg

拿出这是个文件放到你线上对应的目录下
修改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访问项目了

https://img1.sycdn.imooc.com//5db2650d000196bd06500285.jpg

 如果项目比较多的话需要起多个cmd窗口,这边我们还需要使用pm2这个插件来管理多项目。
npm install -g pm2
在线上目录的文件夹中另起一个cmd
执行 pm2 start npm --name "nuxt" run server
--name "nuxt"是启动的服务名称 run server是我们配置的命令

https://img1.sycdn.imooc.com//5db265190001606506270317.jpg

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


點擊查看更多內容
1人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
Web前端工程師
手記
粉絲
6
獲贊與收藏
35

關注作者,訂閱最新文章

閱讀免費教程

感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消