vue build 后资源路径不对

来源:互联网 发布:淘宝买家贷款能贷多少 编辑:程序博客网 时间:2024/06/06 15:01

vue 打包后资源路径不对,本质是配置错误。在index.js中,要分开配置build 与dev时的路径。
这里写图片描述
图上是我的资源目录,图下是我的配置文件

这里写图片描述

dev 下,不需改动配置,run dev 即可。
build时,将assetsPublicPath 的路径换成服务器上对应的根目录。 如我的项目在服务器上路径为XXx.hive.cn/vue/ 。直接访问XXx.hive.cn/vue/index.html 即可打开项目。 这样配置后,不许用考虑图片路径问题,更不需用考虑css和js等资源路径问题了,perfect!!!

以上方式有一定问题,就是得指定服务器的目录名。可以设置build的assetsPublicPath为空,这里写图片描述
这样编译后的index.html文件将可以直接引到static下的资源。也不需资源文件的目录名与服务器存放的整个编译文件的目录名相同

阅读全文
0 0
原创粉丝点击