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/',
})

这样子即可

你可能感兴趣的:(Vue2.x打包资源路径查找)