在Ubuntu16上部署Vue.js前端应用程序

一、概述

现在流行用Vue.js前端框架开发前端应用网站，刚好在公司完成一个内部使用的网站，现将部署方法分享出来。

二、开发环境

系统：win7
IDE：Webstorm2019.2
Node.js：v10.16.2

三、网站开发

首先，我们要开发好网站的各个功能，在本地能够运行起来，打开浏览器可以看到效果：http://localhost:32000， 如下图示：

四、打包

在工程根目录下执行如下命令：

• 安装依赖：

npm install

• 构建安装包：

npm run build

执行成功后，会在当前目录生成一个名为dist的文件夹，该文件夹包含一个static文件夹和一个index.html文件。

五、安装部署环境

• 使用VMware或者VirtualBox创建一个Ubuntu（16.0.4, 64位）的虚拟机，创建过程略。
• 虚拟机网络配置，使用桥接模式。
• 安装nginx

apt-get install ngi