科研生产菜单创建

src/views/chartList/page2/index.vue

@@ -1,3 +0,0 @@
-<template>
-	<div>page2 index</div>
-</template>

src/views/chartList/page2/one/index.vue

@@ -0,0 +1,3 @@
+<template>
+	<div>page2 one</div>
+</template>

src/views/chartList/page2/three/index.vue

@@ -0,0 +1,3 @@
+<template>
+	<div>page2 three</div>
+</template>

src/views/chartList/page2/two/index.vue

@@ -0,0 +1,3 @@
+<template>
+	<div>page2 two</div>
+</template>

vue.config.js

@@ -16,7 +16,7 @@ module.exports = {
 	// 部署生产环境和开发环境下的URL。
 	// 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上
 	// 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 baseUrl 为 /admin/。
-  publicPath: process.env.NODE_ENV === "production" ? "/" : "/",
+	publicPath: process.env.NODE_ENV === 'production' ? '/' : '/',
 	// 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
 	outputDir: 'dist',
 	// 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）
@@ -34,34 +34,31 @@ module.exports = {
 			// detail: https://cli.vuejs.org/config/#devserver-proxy
 			[process.env.VUE_APP_BASE_API]: {
 				// target: `http://localhost:1818`,
-        target: `http://120.26.107.74:1818`,
 				// target: `http://120.26.107.74:1818`,
+				target: `http://192.168.0.115:1818`,
 				// target: `http://124.70.138.50:1818`,
 				changeOrigin: true,
 				pathRewrite: {
-          ['^' + process.env.VUE_APP_BASE_API]: ''
+					['^' + process.env.VUE_APP_BASE_API]: '',
-        }
-      }
 				},
-    disableHostCheck: true
+			},
+		},
+		disableHostCheck: true,
 	},
 	configureWebpack: {
 		name: name,
 		resolve: {
 			alias: {
-        '@': resolve('src')
+				'@': resolve('src'),
-      }
+			},
-    }
+		},
 	},
 	chainWebpack(config) {
 		config.plugins.delete('preload') // TODO: need test
 		config.plugins.delete('prefetch') // TODO: need test
 
 		// set svg-sprite-loader
-    config.module
+		config.module.rule('svg').exclude.add(resolve('src/assets/icons')).end()
-      .rule('svg')
-      .exclude.add(resolve('src/assets/icons'))
-      .end()
 		config.module
 			.rule('icons')
 			.test(/\.svg$/)
@@ -70,51 +67,49 @@ module.exports = {
 			.use('svg-sprite-loader')
 			.loader('svg-sprite-loader')
 			.options({
-        symbolId: 'icon-[name]'
+				symbolId: 'icon-[name]',
 			})
 			.end()
 
-    config
+		config.when(process.env.NODE_ENV !== 'development', config => {
-      .when(process.env.NODE_ENV !== 'development',
-        config => {
 			config
 				.plugin('ScriptExtHtmlWebpackPlugin')
 				.after('html')
-            .use('script-ext-html-webpack-plugin', [{
+				.use('script-ext-html-webpack-plugin', [
+					{
 						// `runtime` must same as runtimeChunk name. default is `runtime`
-              inline: /runtime\..*\.js$/
+						inline: /runtime\..*\.js$/,
-            }])
+					},
+				])
 				.end()
-          config
+			config.optimization.splitChunks({
-            .optimization.splitChunks({
 				chunks: 'all',
 				cacheGroups: {
 					libs: {
 						name: 'chunk-libs',
 						test: /[\\/]node_modules[\\/]/,
 						priority: 10,
-                  chunks: 'initial' // only package third parties that are initially dependent
+						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
+						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
+						reuseExistingChunk: true,
-                }
+					},
-              }
+				},
 			})
 			config.optimization.runtimeChunk('single'),
 				{
 					from: path.resolve(__dirname, './public/robots.txt'), //防爬虫文件
-             to: './' //到根目录下
+					to: './', //到根目录下
-          }
-        }
-      )
 				}
+		})
+	},
 }