美文网首页
vue-cli 3.x打包

vue-cli 3.x打包

作者: undefined汪少 | 来源:发表于2019-05-16 22:25 被阅读0次

vue-cli 3.x

iview-admin是用的cli3.0,所以之前的的build文件夹以及里面经常配置的文件是没有的,这些配置可以在项目根目录的vue.config.js中配置。

  首先,baseUrl是要修改的,clone下来的iview-admin中的vue.config.js中有写到

// 项目部署基础

  const BASE_URL = '/iview-admin/'//将baseUrl的值设为 ‘./’即可,修改如下:baseUrl: './ '

  接下来还需要配置router文件夹下的index.js中router的mode为hash

   const router = new Router({

    routes,

    mode: 'hash'                     // 项目中本来mode: 'history'

   })

  此时可以进行打包了,打包完毕后可以在本地打开你的index.html文件预览,但是发现,图片字体等资源都是未找到,通过f12查看css里的图片路径发现,引入的路径是css/img/xxx.png,但是打包完毕的img文件夹和css文件夹是在一个目录里,自行移动一下就解决了。

相关文章

网友评论

      本文标题:vue-cli 3.x打包

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