ubuntu 18环境下node部署vue打包dist文件
作者根据自己的vuedist文件来处理。首先先说一个坑。vue打包后index.html里面的路径拿到别的文件下是会报错404的。这就是因为index.html里面的路径引用错误了。所有除非提前在vue中有配置好路径。否则要自己手动去改。
接下来进入正题
- 首先你要先有一个云服务器(作者用的是阿里云服务器的ubutun18版本)
2,下载nodejs。由于直接用apt install nodejs不是最新的版本。所有在这里教大家一个方法。 - `首先我要提前的是10版本的nodejs,所以我先执行这个命令
- curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash -
- 这个步骤主要是添加nodejs源
- 接下来就可以执行
sudo apt-get install -y nodejs`
如果你想安装更高的版本。只需要换一下数字即可。
eg:curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
安装完成之后。执行nodejs -v
npm -v 验证是否安装成功.
3.接下来我要来安装mongodb(mongodb默认是自启动的)
sudo apt update && sudo apt upgrade -y
sudo apt install mongodb
这个时候可以检查一下是否启动了
sudo systemctl status mongodb
接下来安装PM2来部署nodejs
npm install -g pm2
接下来你只需要将你的dist文件用nodejs写服务器渲染即可。
之后只需要用pm2 start app.js 来启动你nodejs就可以上线了