ubuntu 18环境下node部署vue打包dist文件

651 阅读1分钟

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 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就可以上线了