vue-cli把webpack把js文件引入index.html的过程
背景: 由于pacs项目使用的是平台统一的单点登录,我需要找到嵌入的登录页面的地址。然后顺着文件引用,找到了index.html,在这里被引用,但是这个文件中的方法是怎么被使用的呢,找到了一篇文章我们梳理一下zhuanlan.zhihu.com/p/34859248
新项目拉下来,出现了很多的历史文件
这是由于我们安装了一个插件叫做local history 怎么在changes中取消跟踪这些文件,直接在.gitignore文件中写上 .history/即可忽略这些文件。
iview的样式不生效
看看main.js文件,把iview的样式移到最前面,不要被别的覆盖了
还有就是组件是否正确引入了。
终于学习了vue.config.js或者是config/index.js文件中的proxyTable
是前端的代理服务器,方便前端跨域调用接口
proxyTable的定义
接口定义:
调用接口中本地我们看到的是这样的
但实际上 会通过代理服务器中转实际调用的就是
就会使用index中定义的'/ms-cloud-wpacs/'对象的target地址来替换掉接口中定义的/ms-cloud-wpacs/.
至于pathRewrite属性不是很懂 我的猜测: 1. 使用target替换之后,不要再保留 /ms-cloud-wpacs/ ,2. 后台接口定义中有一个/ms-cloud-wpacs/,那么就需要把这个东西保留,不能替换成target地址。额 等我试试
默认的就是
pathRewrite:{
/ms-cloud-wpacs/:''
}
select 双向绑定问题
赋值给变量但却没有选中
是因为下拉列表中没有匹配的数据,所以不能选中
git cherry-pick选中多个commitId
git cherry-pick commitId1..commitId100
但上面的操作不包含commitId1.亲测有效
vue文件,使用scoped,部分样式不生效
知识点:使用scoped后的这个文档的所有节点会生成一个统一的data属性
1.如果页面中使用了第三方组件,第三方组件使用了scoped避免样式污染,引用组件的页面如果也加上了scoped,那么就会再生成一个data属性,第三方组件上就加上了当前生成的属性,也就找不到对应的dom节点了,样式就不起作用了
解决办法:写两个style样式,当前页面的样式使用scoped,公共组件的不用scoped.
2.如果引用组件的页面没有使用scoped,引用了第三方组件,那么第三方组件的样式就沿用之前的,不受当前页面的影响,因为优先级高,如果是在要改,就加权重,important,或者样式穿透。