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 是你变更的图片路径
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,891评论 18 139
  • 相关概念 混合开发和前后端分离 混合开发(服务器端渲染) 前后端分离后端提供接口,前端开发界面效果(专注于用户的交...
    他爱在黑暗中漫游阅读 2,851评论 4 45
  • 来保安队已经十来天了,第一次出家门。也是第一次靠自己的双手挣钱,印象不少,但在这十来天中,我印象最深的就应该是...
    树小楼阅读 384评论 0 0