这里简单罗列vue,config.js一些配置项【vue3】

最新推荐文章于 2025-06-10 16:32:54 发布

weixin_34191734

最新推荐文章于 2025-06-10 16:32:54 发布

阅读量186

点赞数

CC 4.0 BY-SA版权

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/3371661/blog/2999490

本文详细解析了Vue CLI的配置文件vue.config.js，包括如何设置baseUrl、lintOnSave、productionSourceMap等选项，以及devServer的配置，如端口、主机名、HTTPS启用和代理设置，帮助开发者更好地理解并应用Vue CLI的高级配置。

2019独角兽企业重金招聘Python工程师标准>>>

https://cli.vuejs.org/zh/config/#vue-config-js

// vue.config.js 配置说明
// 这里只列一部分，具体配置惨考文档啊
module.exports = {
    // baseUrl type:{string} default:'/'
    // 将部署应用程序的基本URL
    // 将部署应用程序的基本URL。
    // 默认情况下，Vue CLI假设您的应用程序将部署在域的根目录下。
    // https://www.my-app.com/。如果应用程序部署在子路径上，则需要使用此选项指定子路径。例如，如果您的应用程序部署在https://www.foobar.com/my-app/，集baseUrl到'/my-app/'.

baseUrl: process.env.NODE_ENV === 'production' ? '/online/' : '/',

    //   lintOnSave：{ type:Boolean default:true } 问你是否使用eslint
    lintOnSave: true,
    // 如果您不需要生产时的源映射，那么将此设置为false可以加速生产构建
    productionSourceMap: false,
    // devServer:{type:Object} 3个属性host,port,https
    // 它支持webPack-dev-server的所有选项

    devServer: {
        port: 8085, // 端口号
        host: 'localhost',
        https: false, // https:{type:Boolean}
        open: true, //配置自动启动浏览器
        // proxy: 'http://localhost:4000' // 配置跨域处理,只有一个代理
        proxy: {
            '/api': {
                target: '<url>',
                ws: true,
                changeOrigin: true
            },
            '/foo': {
                target: '<other_url>'
            }
        }, // 配置多个代理
    }
}