Vue简单项目打包扔Tomcat服务器上

Vue简单项目打包扔Tomcat服务器上

描述：前两步可以忽略，主要在第三步配置webpack.prod.conf.js文件上。

1、创建vue项目，项目创建成功后尝试运行。

1.使用vue-cli手脚架创建vue项目,vue_demo为项目名称

vue init webpack vue_demo

...此处省略设置项目名称等内容

项目目录结构：

2.创建完成过，进入项目根目录使用命令运行项目

进入项目：cd vue_demo

运行项目：npm run dev

3.浏览器输入命令行提示的地址查看运行效果 ，一般地址为http://localhost:8080

 

2、使用命令打包，然后使用serve运行打包后文件（夹）。

1、打包命令：npm run build