vue项目webpack打包至服务器端（Tomcat）（含接口地址配置）

（一）打包vue至服务器端（Tomcat）

确保Tomcat安装完成且能正常开启：

• Step 1：在Tomcat的webapps下创建monitor(项目名)文件夹
  

• Step 2:配置config/index.js文件

将assetsPublicPath修改为：

• Step 3:添加以下代码到router/index.js

	mode: 'history',     //使用history模式，不会像hash命名url时多个#
	base: '/monitor/',   

• Step 4:api接口地址配置（线上环境）

配置/config/prod.env.js文件;

添加：

API_ROOT: '"url"'  //其中url为请求接口首地址

使用：
在请求前拼接

const root = process.env.API_ROOT;

如：

请求时为：

root+'/后缀'

如：

配置ok就可以打包项目啦。命令:

cnpm run build  //vue cli2、cnpm代码，npm的可改cnpm为npm

• Step 5:将打包好的dist/下的static、index.htm移植到Tomcat上

项目：

Tomcat:

• Step 6:运行项目，开启Tomcat，正常开始窗口是http://localhost:8080/下,加上后缀项目名，如我的项目名是monitor，就是http://localhost:8080/monitor/

就ok啦