首页分享Vue正文

vue.config.js的配置

日期：2020-8-11 10:50:43　人气：14

根目录建立vue.config.js
在module.exports={}里面配置
1、配置根目录
publicPath:'/’
2、构建输出目录
outputDir:'dist'
3、 静态资源目录（js,css,image）
assetsDir:"assets"
4、是否开启eslint检测
lintOnSave:false //false不开启，有效值：true || false
productionSourceMap: false,//生成环境下面开启sourceMap支持断点调试

服务器配置

module.exports={
    publicPath:'/',//配置根目录
    outputDir:'dist',//构建输出目录
    assetsDir:"assets",//静态资源目录（js,css,image）
    lintOnSave:false, //是否开启eslint检测,false不开启，有效值：true || false
    productionSourceMap: true,//生成环境下面开启sourceMap支持断点调试
    devServer:{
        open:true, //是否启动打开浏览器
        host:"0.0.0.0",//主机，0.0.0.0支持局域网地址，可以用真机测试
        port:8080, //端口
        https:false,//是否启动https
        //配置跨域代理http,https
        proxy:{
            "/api":{
                target:"http://vueshop.glbuys.com/api",
                changeOrigin:true,
                pathRewrite:{
                    '^/api':""
                }
            }
        }
    },
    configureWebpack:{
        devtool: 'source-map' //配置开发者环境的sourceMap用于断点调试
    }
};