Vue2.x打包资源路径查找

Vue2.x 打包之后发布注意点,资源的寻找路径配置
打包之后, dist目录下一般是有一个index.html 和static文件夹
index里面引用资源的方式是

src="/static/js/xxxxx.js"

这时候如果不是直接发布到根目录下的话, 资源是找不到的。需要配置webpack
如果不是history模式, 需要发布到比如 https://www.xxx.com/, 那么默认配置就好了
如果需要发布到比如https://www.xxx.com/home/ 下的话,需要配置 /config/index.js里

build:{
    assetsPublicPath: '/home/'
}

然后打包发布即可
如果是history模式的话
除了配置上面的内容
还需要配置路由文件, 如下

new Router({
    mode: 'history',
    base: '/home/',
})

这样子即可

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。