Vue-Cli3.0没有了config文件夹,默认也没有配置文件,这些都是需要我们手动进行建立的,首先我们需要在项目根目录里面建议一个vue.config.js的文件,名字必须是vue.config.js。然后在这个js文件里面进行配置,小编在下面简单介绍几个常用的配置,以及写法:

module.exports={
    baseUrl:'/',//根路径
    outputDir:'dist',//构建输出目录
    assetsDir:'assets',//静态资源目录
    lintOnSave:false,//是否开启eslint保存检测,有效值:true || false || 'error'
    devServer:{
        open:true,//是否自动打开页面
        host:"127.0.0.1",//主机名(真机测试0.0.0.0)
        port:8081,//端口号
        https:false,//是否开启https
        hotOnly: false,//热更新
        proxyL:{
            //配置跨域
            '/api':{
                target:'http://localhost:5000/api',
                ws:true,
                changeOrigin:true,
                pathRewrite:{
                    '^/api':''
                }
            }
        },
        before(app){
            //在服务内部所有中间件之前执行的印个内容
            app.get('/api',(req,res)=>{
                res.json();
            })
        }
    }
}
最后修改:2018 年 11 月 13 日
如果觉得我的文章对你有用,请随意赞赏