打包项目后运行文件路径时出错

介绍了打包vue-cli项目后运行文件路径的错误问题，并做了说明与大家分享。

对于新建的vue-cli项目，我的同事说应该打包一个版本进行测试。打包后放在tomcat上，发现路径报错。

百度花了一点时间，怀疑构建中没有定义路径问题。督邮提供了一个解决方案：

在配置文件夹下找到index.js文件，并修改路径代码

找到生成对象，并将属性assetsPublicPath修改为“”。/'

但是，由于vue-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.md chainwebpack :()={ }，configurewebpack 3360()={ }，//配置webpack-dev-server行为。devserver : { open : process . platform===' Darwin '，host: '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 3360 app={ } } }但打包此配置后，它仍会报告错误。看了原因，baseUrl: '的路径还是有问题。/'.您可以通过将路径更改为baseurl3360 '来找到相应的路径。/'.以下是修订后的代码：

module . exports={ base URL : }。/'，outputdir:' dist '，lintonsave : true，runtimecompiler 3360 true，//关键点在这里//调整内部webpack配置。//参考https://github.com/vuejs/vue-doc-zh-cn/vue-cli/webpack.md chainwebpack :()={ }，configurewebpack 3360()={ }，//配置webpack-dev-server行为。devserver : { open : process . platform===' Darwin '，host: '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 3360 app={ } } }结果：

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。