Vue Nodejs 伺服器部署

需求用vue 開發的前端（web）專案通過nodejs部署在伺服器（ubuntu環境）上。

root@58b9bf0134ac:~$ sudo apt-get update root@58b9bf0134ac:~$ sudo apt-get install nodejs root@58b9bf0134ac:~$ sudo apt-get install npm

root@58b9bf0134ac:~$ sudo npm install -g pm2

分別檢視版本，例如（pm2 -v）,如可以正常檢視版本，

到這所需依賴環境基本完成（這裡可能會出現異常，異常在文末有相關解決方法）

root@58b9bf0134ac:~$ nodejs -v
v8.10.0
root@58b9bf0134ac:~$ npm -v
5.6.1
root@58b9bf0134ac:~$ pm2 -v
4.3.1

新建專案資料夾，將打包好的檔案複製到此資料夾下，並進入資料夾。在在專案目錄中安裝 express body-parser (本人專案路徑 /var/www/font_web)

初始化npm init生成 package.json 檔案

root@58b9bf0134ac:/var/www/front_web$ npm init root@58b9bf0134ac:/var/www/front_web$ npm install express root@58b9bf0134ac:/var/www/front_web$ npm install body-parser root@58b9bf0134ac:/var/www/front_web$ ls dist node_modules package.json

release@58b9bf0134ac:/var/www/front_web$

var express = require('express');
var fs = require('fs');
var path = require('path');
var bodyparser = require('body-parser');
// 訪問靜態資源
// 訪問單頁
res.render("index.html");
});	var html = fs.readfilesync(path.resolve(__dirname, '../dist/login.html'), 'utf-8');
res.render("index.html");
});// 監聽
console.log('success listen...8090');
});

[pm2] process successfully started..

遇見問題：檢視版本時如提示

/usr/bin/env: 'node': no such file or directory

則安裝異常，需要安裝nodejs並公升級到最新版

ubuntu： sudo apt-get update sudo apt-get install nodejs sudo apt install nodejs-legacy sudo apt install npm sudo npm install n -g sudo n stable centos： sudo yum update sudo yum install epel-release sudo yum install nodejs sudo yum install npm sudo npm install n -g

sudo n stable

sudo n stable 後，可能執行node -v 還顯示老版本，退出session重新登入即可。

安裝pm2:

sudo npm install pm2 -g

Vue Nodejs 伺服器部署

伺服器部署

伺服器部署

vue nodejs專案在雲伺服器上的簡單部署

相關推薦