当前版本 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 是你变更的图片路径
