vue文件打包后的路径不对,vue配置打包路径

　　本文主要介绍了VUE打包后的相关路径参考，具有很好的参考价值。希望对大家有帮助。如有错误或不足之处，请不吝赐教。

打包后相对路径的引用

　　在打包和部署vue之后，需要添加项目名称以便访问。

　　此时，使用绝对路径进行访问会有问题。

　　将参考路径更改为相对路径。

　　打开build文件夹中的webpack.prod.conf.js，找到输出，并添加“publicPath:”。/./,"

　　或者打开config文件夹中的index.js，找到build，修改“assetsPublicPath:”。/./"

　　打开构建文件夹下的utils.js，并对其进行如下修改。

　　script src=/js/index . 67 B1 c 383 . js /script

　　这是vue打包后的绝对路径，但它想要的是：

　　脚本src=。/js/index.67b1c383.js/script

　　这个相对路径

　　网上说的，大部分解决方案是修改publicPath: ./, ，但是实际测试之后，还是有很大的问题

　　第一个打包设置：publicPath:“”。/，结果：scriptsrc= js/chunk-vendors . dbdd 0915 . js 仍然是相对路径。

　　第一个打包设置：publicPath:“”，结果：scriptsrc= js/chunk-vendors . dbdd 0915 . js 也是相对路径。

　　第一个打包设置：publicPath:./，结果是：scriptsrc=./js/chunk-vendors.dbdd0915.js 这太神奇了。用一个点就不行，用两个点就行。我不知道为什么。

　　public path:process . ENV . node _ ENV=== production ？/./ : /

　　最后换成这样也可以。

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。