vue.config.js的配置

vue-cli3以后的版本,一些服务器配置都迁移到CLI Service里面,对于一些基础配置和一些扩展配置,需要在根目录新建一个vue.config.js文件进行配置。
官网地址

module.exports={
    publicPath:'/',//1、配置项目路径【这个在开发中要经常改动】
    outputDir:'dist',//2、构建输出目录,默认目录dist
    assetsDir:"assets",//3、静态资源目录(js,css,image),默认是src/assets
    lintOnSave:false,//4、是否开启eslint检测,false不开启,有效值:true||false
    productionSourceMap:true,//5、生成环境下面开启sourceMap,用于代码的调试。true开启,false关闭。
    devServer:{
        open:true,//是否运行项目自动打开默认浏览器
        host:"0.0.0.0",//主机,0.0.0.0支持局域网地址,可以用真机测试【可以改的。比如在电脑终端输入ipconfig,找到en0》inet 192.168.1.5,把这个ip填入】
        port:8080,//端口【这个可以改的,比如8081】
        https:false,//是否启动https

        //6、配置跨域代理http,https
        proxy:{
            "/api":{
                target:"http://vueshop.glbuys.com/api",//接口地址
                changeOrigin:true,//开启代理,如果设置为true,那么本地会虚拟一个服务端接收你的请求并代你发送该请求
                pathRewrite:{//地址重定向,相当于/api等于http://vueshop.glbuys.com/api
                    '^/api':""
                }
            }
        }
    },
    configureWebpack:{
        devtool:'source-map'//配置开发者环境的sourceMap用于代码调试
    }
}
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值