基于Ubuntu部署前端项目

一、搭建开发环境

参考知乎帖子：https://zhuanlan.zhihu.com/p/144946960

二、Nginx

安装Nginx

sudo apt-get update 
sudo apt-get install nginx 

卸载Nginx

sudo apt-get remove nginx nginx-common //卸载安装包
sudo apt-get purge nginx nginx-common //去掉安装配置
sudo apt-get remove nginx-full nginx-common 
sudo apt-get autoremove //去掉安装依赖

Nginx运行

输入服务器地址到浏览器，可以看到如下提所示：

Nginx服务重启

nginx -s reload
或者
sudo service nginx restart 
或者
systemctl status nginx.service//查看Nginx服务状态

Nginx 配置

/etc/nginx/sites-available/default //默认配置

location / {
      alias  /home/wwwroot/default/dist/; #默认访问vue静态文件目录（dist路径）
              index  index.html; #默认访问文件
              try_files $uri $uri/ /index.html; #目录不存在则执行index.html
}

遇到了问题

解决办法：
sudo lsof -i:80 查看80端口的占用情况，
若是被其他程序占用了，去掉不必要的占用；

三、基于ubuntu18.04做 vue开发环境搭建

sudo apt-get install nodejs
sudo apt-get install npm 
sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
sudo cnpm install -g vue-cli
//创建项目
npm create projectsname
npm run dev
npm run build //构建dist

四、基于ubuntu18.04做 vue工程创建与部署

五、WebStorm 创建工程与编译工程

备注：
apt 安装与 软件包安装之间的区别？？？（网上一个大佬回答的答案，将这问题记录与此）
apt-get安装的是由源码包编译过的二进制包，供应商在编译过程中已经解决掉包之间的依赖关系的，因此直接安装即可 而使用源码包要make&&make install手动编译，自己解决依赖 源码包和apt-get安装的服务本质上没有区别的， 但是使用源码包可以自定义安装的位置，使用apt-get会把服务安装在系统默认位置 另外使用源码包安装的服务效率高一点。