Vue-cli项目部署问题及解决方案

1.css样式问题：

项目在开发模式(dev)时样式渲染正确，但执行npm run build时会出现生产模式样式与开发模式样式不一致的问题，具体包含如下两部分问题。

（1）字体静态文件路径问题

在执行build后，我们会在项目的dist文件夹内获得index.html和static文件夹两部分，其中static文件夹中保存了项目依赖的各种静态文件，但在运行时会发现，字体文件fonts在引用时的路径出错，会被自动解析添加/static/css路径。

为了解决这一问题，在项目的build/webpack.prod.conf.js 中，将extract :true 改为 fasle。

module: {
   

    rules: utils.styleLoaders({
   

      sourceMap: config.build.productionSourceMap,