记录一下需要打包的过程和和需要修改的配置
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都可以访问服务器上的前后端的资源信息。