美文网首页
Vue2.x打包资源路径查找

Vue2.x打包资源路径查找

作者: 贫下码农 | 来源:发表于2018-07-27 15:29 被阅读0次

    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打包资源路径查找

          本文链接:https://www.haomeiwen.com/subject/pohgmftx.html