vue-cli3.x常用配置

当前版本 3.0.1
大部分配置都是在 vue.config.js 中 如果项目不存在该文件 则新建一个 vue-cli参考文档

// vue.config.js
module.exports = {
    // 选项...、
}

常用配置

// vue.config.js
module.exports = {
    //  打包后直接打开页面空白（资源路径问题） 默认 '/' 修改为相对路径
    baseUrl: './',
  // 去掉eslint检查 eslint错误过多会导致热更新有问题
    lintOnSave: false,
// 请求代理
    devServer: {
// 这会告诉开发服务器将任何未知请求 (没有匹配到静态文件的请求) 代理到http://localhost:4000。
        proxy: 'http://localhost:4000',
// 修改默认启用端口
        port: 8001,
// 自动启动浏览器
        open: true, 
    }
}

动态图片路径

参考文档
有时候我们需要根据某些参数切换本地图片路径 那么可以这么做
在public中新建images 文件
页面中直接写入：

<img :src="`./images/${active}.png`" alt="背景图">
// active 是你变更的图片路径