Vue项目config/index.js配置参数的详细解析

r囧r小猫 2023-06-30 02:29 10阅读 0赞

target：本地测试环境请求后台接口的域名ip
    secure：https需要配置的参数
    pathRewrite：代替targe里面的地址，比如我们需要调用"http:192.168.37.56:8090/user/add"接口，我们可以直接写成"/api/user/add"
    changeOrigin：接口跨域需要配置的参数
    
    'use strict'
    const path = require('path')
    
    module.exports = {
      // 开发环境
      dev: {
        assetsSubDirectory: 'static', 	// 编译输出的二级目录
        assetsPublicPath: '/',  		// 编译发布的根目录，可配置为资源服务器域名或CDN域名
        proxyTable: {}, 				// 配置后台代理
        host: 'localhost', 				// 运行测试页面的域名ip
        port: 8080,  					// 运行测试页面的端口
        autoOpenBrowser: false, 		// 项目运行时是否自动打开浏览器
        errorOverlay: true, 			// 浏览器错误提示
        notifyOnErrors: true, 			// 跨平台错误提示
        poll: false, 					// 使用文件系统获取文件改动的通知devServer.watchOptions
        devtool: 'cheap-module-eval-source-map', // 增加调试，该属性为原始源代码
        cacheBusting: true, 			// 使缓存失效
        cssSourceMap: true 				// 代码压缩后bug定位将非常困难，引入SourceMap记录压缩前后的位置信息记录，当产生错误时直接定位到压缩前的位置
      },
      // 生产环境
      build: {
        index: path.resolve(__dirname, '../dist/index.html'), 	// 编译输入的index.html文件
        assetsRoot: path.resolve(__dirname, '../dist'), 		// 编译输出的静态资源路径（项目打包时的文件）
        assetsSubDirectory: 'static', 							// 编译输出的二级目录
        assetsPublicPath: '/', 									// 编译发布的根目录，可配置为资源服务器域名或CDN域名
        productionSourceMap: true, 								// 是否开启cssSourceMap
        devtool: '#source-map', 								// 增加调试，该属性为原始源代码
        productionGzip: false, 									// 是否开启gzip
        productionGzipExtensions: ['js', 'css'], 				// 需要使用gzip压缩文件的扩展名
        bundleAnalyzerReport: process.env.npm_config_report 	// 打包分析
      }
    }