新创建的vue-cli项目，同事说要打包一个版本进行测试。打包完成后放到tomcat上，发现路径错误。百度了一下，怀疑是build里面没有定义路径，度友提供了解决方案：找到config文件夹下的index.js文件，修改path代码找到build对象，修改属性assetsPublicPath为'./'那里cli项目中没有配置文件夹。您需要在根目录中创建vue.config.js。网上查了下具体的配置，用了一个推荐的配置：module.exports={baseUrl:'/',outputDir:'dist',lintOnSave:true,runtimeCompiler:true,//关键点在这里//调整内部webpack配置。//参见https://github.com/vuejs/vue-doc-zh-cn/vue-cli/webpack.mdchainWebpack:()=>{},configureWebpack:()=>{},//配置webpack-dev-server行为。devServer:{open:process.platform==='darwin',host:'0.0.0.0',port:8080,https:false,hotOnly:false,//参见https://github.com/vuejs/vue-doc-zh-cn/vue-cli/cli-service.md#配置代理proxy:null,//string|Objectbefore:app=>{}}}但是这个配置打包之后，还是报错。看了原因，是baseUrl:'/'路径还是有问题。把路径改成baseUrl:'./'找到对应的路径。下面是修改后的代码：module.exports={baseUrl:'./',outputDir:'dist',lintOnSave:true,runtimeCompiler:true,//关键点在这里//调整webpack内部配置。//参见https://github.com/vuejs/vue-doc-zh-cn/vue-cli/webpack.mdchainWebpack:()=>{},configureWebpack:()=>{},//配置webpack-dev-server行为。devServer:{open:process.platform==='darwin',host:'0.0.0.0',port:8080,https:false,hotOnly:false,//参见https://github.com/vuejs/vue-doc-zh-cn/vue-cli/cli-service.md#配置代理proxy:null,//string|之前的对象：app=>{}}}结果：
