配置修改

vue.config.js

+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 module.exports = {
-  configureWebpack: {
+  outputDir: "./dist",
+  lintOnSave: false,
+  assetsDir:'',
+  publicPath:'./',
+  configureWebpack:{
     resolve: {
       alias: {
         'components': '@/components',
@@ -7,6 +12,31 @@ module.exports = {
         'views': '@/views',
         'api': '@/api',
       }
+    },
+    output:{
+      filename:'./js/[name].js',
+      chunkFilename:'./js/[name].js'
+    },
+    plugins:[
+      new MiniCssExtractPlugin({
+        filename:'./css/[name].css',
+        chunkFilename:'./css/[name].css'
+      })
+    ]
+  },
+  devServer: {
+    port: 18040,
+    open: true,
+    proxy: {
+      '/api': {
+        // target: 'http://47.98.41.86:9800',
+        target: 'http://10.130.73.125:18040',
+        changeOrigin: true,
+        pathRewrite: {
+          '^/api': ''
         }
       }
+    }
+  }
+
 }