Ubuntu Vue 前后端分离项目的启动部署

1. 安装node.js与npm

sudo apt-get install nodej
sudo apt-get install npm

  检查nodejs和npm版本

nodejs -v
npm -v

  

版本过低，直接下载源码二进制文件或者源码安装：下载地址：https://nodejs.org/en/download/current/

wget wget https://nodejs.org/dist/v10.15.3/node-v10.15.3-linux-x64.tar.xz
tar -vxf node-v10.15.3-linux-x64.tar.xz
cd node-v10.15.3-linux-x64
sudo ln -sf /share/web/nodejs/node-v10.15.3-linux-x64/bin/node  /bin/node
sudo ln -sf /share/web/nodejs/node-v10.15.3-linux-x64/bin/npm  /bin/npm
node -v 
npm -v

2. 编译vue

进入vue工程，npm install安装依赖

npm install
npm run dev

3.将dist目录下内容复制到服务器

   编辑nginx文件添加：

server {
    listen 8099;
    server_name localhost;
    access_log /var/www/html/web/logs/all.access.log;
    error_log /var/www/html/web/logs/all.error.log;

    location / {
        root /share/web/bnr;
        index index.html index.htm index.php;
    }

}

打开防火墙,重启nginx

sudo ufw allow 8099
sudo /etc/init.d/nginx restart