vue脚手架项目打包记录

记录一下需要打包的过程和和需要修改的配置

1：需要修改cinfig文件下的index.js文件中配置信息

将assetsPublicPath：'/'  改成 assetsPublicPath：'./'

 

2：想要访问静态资源需要修改build文件的utils.js文件中的配置信息

 if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath:'../../'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }
  }

将publicPath修改成 publicPath:'../../'

 

3：通过cmd命令，先进入到项目代码的路径中，然后通npm run build命令开始打包代码。打包成功后会在项目文件中增加一个dist文件。将这个文件放在tomcat中的webapps下就可以测试访问了。

当想要访问前端的代码时，通过如下路径：http：//服务器ip：tomcat端口/dist/index.html即可访问前端资源

同时需要修改前端代码中的后端接口路径：http：//localhost：tomcat端口/后端war包名称/../../

此时在任意一个客户端上的浏览器上输入http：//服务器ip：tomcat端口/dist/index.html都可以访问服务器上的前后端的资源信息。