解决webpack打包iview后css找不到fonts问题

Author: flute

build/cssPathResolver.js

@@ -0,0 +1,9 @@
+module.exports = function (source) {
+
+  if (process.env.NODE_ENV === 'production') {
+    return source.replace('__webpack_public_path__ + "static', '"..')
+  } else {
+    return source
+  }
+
+}

build/vue-loader.conf.js

@@ -14,6 +14,6 @@ module.exports = {
         use: ['css-loader'],
         fallback: 'vue-style-loader',
         publicPath:'../' 
-    }*/)
-  })
+    })
+  }*/)
 }

build/webpack.base.conf.js

@@ -2,6 +2,7 @@ var path = require('path')
 var utils = require('./utils')
 var config = require('../config')
 var vueLoaderConfig = require('./vue-loader.conf')
+var cssPathResolver = require('./cssPathResolver')
 
 function resolve (dir) {
   return path.join(__dirname, '..', dir)
@@ -47,11 +48,23 @@ module.exports = {
       },
       {
         test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
-        loader: 'url-loader',
+        //loader: 'url-loader',
+        loaders: [
+          {
+            loader: path.resolve(__dirname, 'cssPathResolver')
+          },
+          {
+            loader: 'url-loader',
+            query: {
+              limit: 10000,
+              name: utils.assetsPath('fonts/[name].[hash:7].[ext]'),
+            }
+          }
+        ]/*,
         options: {
           limit: 10000,
           name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
-        }
+        }*/
       }
     ]
   }

server/app.js

@@ -15,7 +15,7 @@ app.use(bodyParser.urlencoded({ extended: false }));
 
 // cors允许跨域请求
 app.use(cors({
-	origin:['http://localhost:8080','http://192.168.199.163:8080','http://localhost:8000','http://192.168.199.163:8000'],
+	origin:['http://localhost:8080','http://localhost:8000'],
 	methods:['OPTIONS','GET','POST'],
 	credentials: true
 }));

server/controllers/versionController.js

@@ -1,11 +1,11 @@
 const express = require('express');
 const router = express.Router();
 // models
-const getVersionList = require('../models/VersionModels/getVersionList'),
-	  createVersion = require('../models/VersionModels/createVersion'),
-	  updateVersion = require('../models/VersionModels/updateVersion'),
-	  removeVersion = require('../models/VersionModels/removeVersion'),
-	  publishVersion = require('../models/VersionModels/publishVersion');
+const getVersionList = require('../models/versionModels/getVersionList'),
+	  createVersion = require('../models/versionModels/createVersion'),
+	  updateVersion = require('../models/versionModels/updateVersion'),
+	  removeVersion = require('../models/versionModels/removeVersion'),
+	  publishVersion = require('../models/versionModels/publishVersion');
 
 router.get('/list', function(req, res) {
 	getVersionList(req, function(result){