跨域&解决方案 浏览器为确保资源安全,而遵循的一种策略源的组成部分源=协议+域名+端口号下面表格中,只有最后一行的两个源是同源同源请求与非同源请求总结:【所处源】与【目标源】不一致,就是【非同源】,又称【异源】或【跨域】Cross-Origin Rresource Sharing(跨域资源共享)服务器明确表示拒绝跨域请求,或没有表示,则浏览器校验不通过服务器明确表示允许跨域请求,则浏览器校验通过备注:使用CORS解决跨域是最正统的方式,且要求服务器是“自己人”
vue3项目中 全局引入element和自定义主题;按需引入element和自定义主题 在styles/element/index.scss文件中。在styles/element/index.scss文件中。将此文件引入到main.js中替换掉原先的样式。在项目中全局引入element-plus。在项目中按需引入element-plus。在vite.config.js中导入。在vite.config.js中。在main.js文件中引入。
css自定义属性/css变量 全局变量:在:root伪类上定义自定义属性,可以在 HTML 文档中全局应用它。如果变量值是数值,不能与数值单位直接连用。必须使用calc()函数,将它们连接。局部变量:在选择器中定义的变量 或 在标签中定义的变量。如果变量值是一个字符串,可以与其他字符串拼接。如果变量值带有单位,就不能写成字符串。
vue3依赖注入 如果父组件要传递数据给孙子组件,那么需要父组件props传递给子组件,子组件再把props传递给孙子组件;最后,如果你想确保提供的数据不能被注入方的组件更改,你可以使用 readonly()这样可以确保所提供状态的声明和变更操作都内聚在同一个组件内,使其更容易维护。后代组件会用注入名来查找期望注入的值。可以解决这一问题:一个父组件相对于其所有的后代组件,会作为。在应用级别提供的数据在该应用内的所有组件中都可以注入。,使用不同的注入名,注入不同的依赖值。要注入上层组件提供的数据,需使用。
Vue2 使用 beforeunload 事件阻止浏览器刷新页面 属性设置为空字符串,这样浏览器会弹出确认框。如果用户点击确认离开页面,则浏览器会刷新页面,否则页面不会刷新。函数,如果页面有内容,则阻止默认行为,并将。
a标签下载文件 使用a标签属性download下载pdf,txt链接文件,如果是相同域时,可以直接下载。已知通过a标签的download属性,可以直接下载后台接口返回的数据流文件。但是如果域不同,则不是下载,而是直接打开页面预览文件。但是需求是直接点击下载文件,而不是打开预览。所以可以模拟发送http请求,将。来使用a标签download下载。