九月开发记录

131 阅读2分钟

vue-cli把webpack把js文件引入index.html的过程

背景: 由于pacs项目使用的是平台统一的单点登录,我需要找到嵌入的登录页面的地址。然后顺着文件引用,找到了index.html,在这里被引用,但是这个文件中的方法是怎么被使用的呢,找到了一篇文章我们梳理一下zhuanlan.zhihu.com/p/34859248

新项目拉下来,出现了很多的历史文件

image.png

这是由于我们安装了一个插件叫做local history 怎么在changes中取消跟踪这些文件,直接在.gitignore文件中写上 .history/即可忽略这些文件。

iview的样式不生效

看看main.js文件,把iview的样式移到最前面,不要被别的覆盖了

还有就是组件是否正确引入了。

终于学习了vue.config.js或者是config/index.js文件中的proxyTable

是前端的代理服务器,方便前端跨域调用接口

proxyTable的定义

image.png

接口定义:

image.png

调用接口中本地我们看到的是这样的

image.png 但实际上 会通过代理服务器中转实际调用的就是 就会使用index中定义的'/ms-cloud-wpacs/'对象的target地址来替换掉接口中定义的/ms-cloud-wpacs/.

至于pathRewrite属性不是很懂 我的猜测: 1. 使用target替换之后,不要再保留 /ms-cloud-wpacs/ ,2. 后台接口定义中有一个/ms-cloud-wpacs/,那么就需要把这个东西保留,不能替换成target地址。额 等我试试

默认的就是

pathRewrite:{
    /ms-cloud-wpacs/:''
}

select 双向绑定问题

image.png

赋值给变量但却没有选中

image.png

是因为下拉列表中没有匹配的数据,所以不能选中

git cherry-pick选中多个commitId

git cherry-pick commitId1..commitId100 

但上面的操作不包含commitId1.亲测有效

vue文件,使用scoped,部分样式不生效

www.jb51.net/article/141…

知识点:使用scoped后的这个文档的所有节点会生成一个统一的data属性

image.png 1.如果页面中使用了第三方组件,第三方组件使用了scoped避免样式污染,引用组件的页面如果也加上了scoped,那么就会再生成一个data属性,第三方组件上就加上了当前生成的属性,也就找不到对应的dom节点了,样式就不起作用了 解决办法:写两个style样式,当前页面的样式使用scoped,公共组件的不用scoped.

2.如果引用组件的页面没有使用scoped,引用了第三方组件,那么第三方组件的样式就沿用之前的,不受当前页面的影响,因为优先级高,如果是在要改,就加权重,important,或者样式穿透。

image.png