vue项目打包部署

发布有两种方式：
第一种：静态服务器工具包
npm run build
npm install -g server
server 打包的项目名
访问：http://localhost:5000

第二种：动态web服务器

1、注意需要配置config文件夹下的inde.js的assetspublicPath值

build: {
    // 这个地方将dist改成项目名就可以了
    index: path.resolve(__dirname, '../dist/index.html'),
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    //这个目录改成./，表示在dist文件夹下，默认是/
    assetsPublicPath: './',

    productionSourceMap: false,
    devtool: '#source-map',

    productionGzip: false,
    productionGzipExtensions: ['js', 'css'],

    bundleAnalyzerReport: process.env.npm_config_report
  }

这个不改的话，运行index.html很有可能因为路径问题而造成只显示一片空白。

然后在控制台执行npm run build，之后就会生成出来一个dist文件夹。
将这个文件夹复制到tomcat的webapp目录下，启动tomcat，然后方法该文件夹下的index.html就可以了。

2、也可以修改build中的webpack.prod.conf.js的内容

output: {
    path: config.build.assetsRoot,
    filename: utils.assetsPath('js/[name].[chunkhash].js'),
    chunkFilename: utils.assetsPath('js/[id].[chunkhash].js'),
    output:{
    	//打包的项目名称
		publicPath:'/项目名/'
	}
  },