1.首先需要在config文件夹下的index.js中build对象里的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:'../../',这一行代码
3.如果想要运行起来,暂时只能使用mode:hash,而如果想要去掉#,就需要用到mode:history,但是打包好的vue项目需要后端配合才可以达到最理想的效果,
如:在rc/router/index.js添加
base: '/parkManage/',
将打包后的文件放在Tomcat的目录下的WebApps下的parkManage中,
服务端访问路径为 localhost:8080/parkManage/dist/index.html即可!