Linux服务器搭建Vue运行环境

练习环境

阿里云Linux服务器 镜像ID：centos_7_7_x64_20G_alibase_20191225.vhd
mysql8.0的搭建：https://www.jianshu.com/p/e29c5dfe1d19
CentOS安装Nginx:https://www.jianshu.com/p/d76c6b171cb9 如果只是想要部署Vue项目 --不用配置，安装好就行了

Linux下Vue开发环境搭建（如果是本地Vue项目部署到Linux，其实可以不用搭建Vue开发环境，直接跳到后面的步骤）

1.安装node.js

官网下载
https://nodejs.org/en/download/

解压
tar -xvf node-v12.17.0-linux-x64.tar
重命名
mv node-v12.17.0-linux-x64 /usr/local/nodejs

2.编辑配置文件

vim /etc/profile
复制代码将node.js的node可执行文件与npm链接所在目录添加到环境变量，在文件/etc/profile文件末尾添加以下内容
export PATH=/usr/local/nodejs/bin:$PATH
复制代码保存文件并执行以下命令
source /etc/profile
node -v # 查看本地node版本
npm -v # 查看本地npm版本

3.安装vue cli

vue cli官网链接：cli.vuejs.org/ 使用npm全局安装
npm install -g @vue/cli

安装后

其实Vue部署到Linux上有Nginx就行

1.打包vue项目（npm run build），生成的项目文件在dist文件中
2.将dist中的文件上传的/usr/share/nginx/html目录；

说明：如果是其他安装方式，不一定是在这个目录，可以使用find -name "nginx"命令进行查看
npm run build

找到该文件夹下面 复制到Linux的/usr/share/nginx/html

最后访问公网ip就是如下界面了，岂不是很棒

前端项目已经搞定了，然后就是前后端分离的后端springboot项目。