From e3c2f393e6080b5e34c5eb22fb6ed6271e1317bd Mon Sep 17 00:00:00 2001 From: 黄何裕 <1053952480@qq.com> Date: 星期五, 26 七月 2024 08:58:51 +0800 Subject: [PATCH] 登录页面接口封装 --- vue.config.js | 147 +++++++++++++++++++++++++----------------------- 1 files changed, 76 insertions(+), 71 deletions(-) diff --git a/vue.config.js b/vue.config.js index 4856ed0..159032f 100644 --- a/vue.config.js +++ b/vue.config.js @@ -1,19 +1,19 @@ -'use strict' -const path = require('path') -const defaultSettings = require('./src/settings.js') +"use strict"; +const path = require("path"); +const defaultSettings = require("./src/settings.js"); function resolve(dir) { - return path.join(__dirname, dir) + return path.join(__dirname, dir); } -const name = defaultSettings.title || 'vue Admin Template' // page title +const name = defaultSettings.title || "vue Admin Template"; // page title // If your port is set to 80, // use administrator privileges to execute the command line. // For example, Mac: sudo npm run // You can change the port by the following methods: // port = 9528 npm run dev OR npm run dev --port = 9528 -const port = process.env.port || process.env.npm_config_port || 9528 // dev port +const port = process.env.port || process.env.npm_config_port || 9528; // dev port // All configuration item explanations can be find in https://cli.vuejs.org/config/ module.exports = { @@ -24,19 +24,29 @@ * In most cases please use '/' !!! * Detail: https://cli.vuejs.org/config/#publicpath */ - publicPath: '/', - outputDir: 'dist', - assetsDir: 'static', - lintOnSave: process.env.NODE_ENV === 'development', + publicPath: "/", + outputDir: "dist", + assetsDir: "static", + lintOnSave: process.env.NODE_ENV === "development", productionSourceMap: false, devServer: { port: port, open: true, overlay: { warnings: false, - errors: true + errors: true, }, - before: require('./mock/mock-server.js') + proxy: { + [process.env.VUE_APP_BASE_API]: { + // 鍖归厤鎵�鏈変互 '/dev-api'寮�澶寸殑璇锋眰璺緞 + target: "http://192.168.3.88:18080/dream_test", //绫讳技浜嶯ginx鍙嶅悜浠g悊 + changeOrigin: true, // 鏀寔璺ㄥ煙 + pathRewrite: { + // 閲嶅啓璺緞: 鍘绘帀璺緞涓紑澶寸殑'/dev-api' + ["^" + process.env.VUE_APP_BASE_API]: "", + }, + }, + }, }, configureWebpack: { // provide the app's title in webpack's name field, so that @@ -44,80 +54,75 @@ name: name, resolve: { alias: { - '@': resolve('src') - } - } + "@": resolve("src"), + }, + }, }, chainWebpack(config) { // it can improve the speed of the first screen, it is recommended to turn on preload - config.plugin('preload').tap(() => [ + config.plugin("preload").tap(() => [ { - rel: 'preload', + rel: "preload", // to ignore runtime.js // https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/cli-service/lib/config/app.js#L171 fileBlacklist: [/\.map$/, /hot-update\.js$/, /runtime\..*\.js$/], - include: 'initial' - } - ]) + include: "initial", + }, + ]); // when there are many pages, it will cause too many meaningless requests - config.plugins.delete('prefetch') + config.plugins.delete("prefetch"); // set svg-sprite-loader + config.module.rule("svg").exclude.add(resolve("src/icons")).end(); config.module - .rule('svg') - .exclude.add(resolve('src/icons')) - .end() - config.module - .rule('icons') + .rule("icons") .test(/\.svg$/) - .include.add(resolve('src/icons')) + .include.add(resolve("src/icons")) .end() - .use('svg-sprite-loader') - .loader('svg-sprite-loader') + .use("svg-sprite-loader") + .loader("svg-sprite-loader") .options({ - symbolId: 'icon-[name]' + symbolId: "icon-[name]", }) - .end() + .end(); - config - .when(process.env.NODE_ENV !== 'development', - config => { - config - .plugin('ScriptExtHtmlWebpackPlugin') - .after('html') - .use('script-ext-html-webpack-plugin', [{ + config.when(process.env.NODE_ENV !== "development", (config) => { + config + .plugin("ScriptExtHtmlWebpackPlugin") + .after("html") + .use("script-ext-html-webpack-plugin", [ + { // `runtime` must same as runtimeChunk name. default is `runtime` - inline: /runtime\..*\.js$/ - }]) - .end() - config - .optimization.splitChunks({ - chunks: 'all', - cacheGroups: { - libs: { - name: 'chunk-libs', - test: /[\\/]node_modules[\\/]/, - priority: 10, - chunks: 'initial' // only package third parties that are initially dependent - }, - elementUI: { - name: 'chunk-elementUI', // split elementUI into a single package - priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app - test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm - }, - commons: { - name: 'chunk-commons', - test: resolve('src/components'), // can customize your rules - minChunks: 3, // minimum common number - priority: 5, - reuseExistingChunk: true - } - } - }) - // https:// webpack.js.org/configuration/optimization/#optimizationruntimechunk - config.optimization.runtimeChunk('single') - } - ) - } -} + inline: /runtime\..*\.js$/, + }, + ]) + .end(); + config.optimization.splitChunks({ + chunks: "all", + cacheGroups: { + libs: { + name: "chunk-libs", + test: /[\\/]node_modules[\\/]/, + priority: 10, + chunks: "initial", // only package third parties that are initially dependent + }, + elementUI: { + name: "chunk-elementUI", // split elementUI into a single package + priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app + test: /[\\/]node_modules[\\/]_?element-ui(.*)/, // in order to adapt to cnpm + }, + commons: { + name: "chunk-commons", + test: resolve("src/components"), // can customize your rules + minChunks: 3, // minimum common number + priority: 5, + reuseExistingChunk: true, + }, + }, + }); + // https:// webpack.js.org/configuration/optimization/#optimizationruntimechunk + config.optimization.runtimeChunk("single"); + }); + }, +}; -- Gitblit v1.8.0