vue项目打包发布到云服务器

首先在云服务器器上安装环境，配置jdk、安装tomcat、安装数据库等等，和eclipse项目部署需要的环境一样。

主要是说vue项目打包过程。

众所周知，vue项目的打包命令：npm run build

但是在run之前，还需要一些配置，在之前版本的vue中，在项目的根目录有一个config文件夹，下面有一个index.js文件，在新版vue项目中是没有config文件夹的，在根目录有一个vue.config.js文件。

在config/index.js或者vue.config.js文件中，在module.exports中，设置如下：

 publicPath: '/display/',

  outputDir: 'dist',

  assetsDir: 'static',

在devServer中设置端口号，一般80、8080、8081等用的比较多，可以设置一个不怎么用的端口号，比如8022

 devServer: {

    port: 8022,

 },

然后运行npm run build，会看到项目根目录出现一个dist文件夹。

回到云服务器中，进入tomcat文件夹的webapps文件夹，创建一个命名为display的文件夹，将vue项目生成的dist文件夹中的static文件夹和index文件复制到云服务器的display文件夹中。注意此过程要关闭tomcat，复制完成后再开启tomcat。